HTML-CSS鏈接順序
[英]HTML - CSS Link Order
問題描述
我在CodeCademy的html文件中遇到了CSS鏈接命令。 我只是無法獲得鏈接CSS文件的邏輯。 為什么我們必須按照下面的順序鏈接文件？ 它與編程有關嗎？在編程之前，我們必須首先定義包含函數的頭文件？ 該邏輯是否也適用於鏈接CSS文件？ 有人可以為這個問題提供全面的解釋嗎？ ：D
<head> <link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css" rel="stylesheet"> <link rel="stylesheet" href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css"> <link rel="stylesheet" href="main.css"> </head>
屬性的順序在link元素內部是否重要？ 例如<link href="" rel=""> and <link rel="" href=""> ，與rel相比，使用href作為優先級有什么作用？
3 個解決方案
解決方案1
3 2014-10-28 15:08:43
從CSS規范 ：
最后，按指定的順序排序：如果兩個聲明的權重，來源和特異性相同，則以后者為准。 導入的樣式表中的聲明被視為在樣式表本身中的任何聲明之前。
順序很重要，因為當規則沖突時，順序是決定哪個人獲勝的因素。
解決方案2
3 2014-10-28 15:09:12
較新的規則會覆蓋較早的規則（如果它們同樣相同）。 例如，如果一個CSS文件包含以下內容：
a { color: red; }
后來一個做了：
a { color: black; }
您的鏈接將為黑色。
因此，通常情況下，您將包括您首先使用的各種框架，而應用程序的CSS作為最后一個文件。 這使您可以根據需要覆蓋其樣式。
解決方案3
2 2014-10-28 15:09:30
由於樣式表的級聯性質，后一種樣式將覆蓋較早的樣式。
例如，如果有兩個選擇器的height不同，則后者指定一個獲勝者。
可以說我們有：
#div {
height:50px;
}
#div {
height:100px;
}
#div的高度將為100px而不是50px因為稍后會聲明100px 。 因此，它將覆蓋50px 。
HTML CSS鏈接導入順序和覆蓋
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.