css樣式表中的樣式覆蓋順序

標籤：style   blog   http   strong   檔案   2014   art   ar   

css樣式表中的樣式覆蓋順序 - - ITeye技術網站
http://spartan1.iteye.com/blog/1526735

 

重點歸納：

尋找一些教材中（w3schools等），只說css的順序是“元素上的style”>“檔案頭上的style元素”>“外部樣式檔案”，但對於樣式檔案中的多個相同樣式的優先順序怎樣排列，沒有詳細說明。經過測試和繼續搜尋，得知優先順序如下排列：

或者以下也可以稱之為一些優先原則（by liwei 20140803）

1、樣式表的元素選取器選擇越精確，則其中的樣式優先順序越高：

id選取器指定的樣式>類別選取器指定的樣式>元素類型選取器指定的樣式

所以上例中，#navigator的樣式優先順序大於.current_block的優先順序，即使.current_block是最新添加的，也不起作用。

2、對於相同類型選取器指定的樣式，在樣式表檔案中，越靠後的優先順序越高

注意，這裡是樣式表檔案中越靠後的優先順序越高，而不是在元素class出現的順序。（具體例子見原文）。