標記為!important的用戶樣式 標記為!important的作者樣式 作者樣式 用戶樣式 瀏覽器/用戶代理的默認樣式 為了計算規(guī)則的優(yōu)先級，每種類型的選擇符都有一個相應的數(shù)值，由于每個選擇器都由若干選擇符組成，所以選擇器的優(yōu)先指數(shù)由選擇符對應的數(shù)值相加而成，數(shù)值越高，優(yōu)先級越高。CSS中的選擇符有四類： 行內樣式（Inline Style），如<span style="color:red">...</span> ID選擇符（ID selectors），如#myid 類、屬性選擇符、偽類（Classes, attributes and pseudo-classes），如 .class {...}、[href$=dudo.org]、:hover 元素（elements)、偽元素選擇符(pseudo-elements)，如 p {...}、:first-line {...} 怎么來測量呢？如前所述，它們每一類都有不同的數(shù)值表示，其中： 行內樣式為：1000 ID選擇符為：0100 類選擇符為：0010 元素樣式為：0001 這里要指出的是，所有這些數(shù)值都不是10進制數(shù)字，1000只是代碼它是一個行內樣式， 例如，body #wrap p {...}，那么它的優(yōu)先級指數(shù)就是 1 100 1=102，而body div#wrap p {...}的優(yōu)先級指數(shù)就是 1 1 100 1 =103。 再看一下其它的例子： * { } 0 li:first-line { } 2 (one element, one pseudo-element) ul ol li { } 3 (three elements) ul ol li.red { } 13 (one class, three elements) style=”” 1000 (one inline styling) div p { } 2 (two HTML selectors) div p.sith { } 12 (two HTML selectors and a class selector) body #darkside .sith p { } 112 (HTML selector, id selector, class selector, HTML selector; 1 100 10 1) 看這段代碼：
