五十 CSS3之基本選擇器之CSS權重

2022-07-07 13:48:14 字數 405 閱讀 2831

權重:當很多的規則被應用到某乙個元素上時,權重是乙個決定哪種規則生效,或者是優先執行的過程

權重等級與權值:

行內樣式(1000) >  id選擇器(100) > 類、屬性選擇器和偽類選擇器(10) > 元素和偽元素(1) > *(0)

css權重規則

1.包含更高權重選擇器的一條規則擁有更高的權重

2.id選擇器(#idvalue)的權重比屬性選擇器([id="idvalue"])高

3.帶有上下文關係的選擇器比單純的元素選擇器權重更高

4.與元素「挨得近」的規則生效

5.最後定義的這條規則會覆蓋上面與之衝突的規則

6.無論多少個元素組成的選擇器,都沒有乙個class選擇器權重高

7.萬用字元選擇器權重是0,被繼成的css屬性也帶有權重,權重也是0

css3 基本選擇器之標籤選擇器

三種方式的展示 傳說,在太古神農大神誕生時,天下伴有九泉相生。這九座神泉又稱神農 為天地九井,乃是滋生萬物的源泉。九泉中凝聚了世上最濃厚的靈力,為天地靈脈之樞紐。九泉伴神農而生,後又經神農千萬年辛勞疏通,逐漸成為天地間最重要的生命源泉。九泉面前,眾生平等。無論是神駿奇麗的靈獸仙禽,還是醜陋不堪的兇獸...

css3之選擇器

這些選擇器還是比較簡單的,就不再此一一舉例樣式了.還有隨著各種瀏覽器的公升級,也不在此討論各種版本的瀏覽器對於屬性樣式的相容和支援問題久了.一 屬性選擇器 attr val 屬性attr是val attr val 屬性attr中包含val attr val 屬性attr中開頭是val attr va...

css3之各種選擇器

css3中新增的選擇器可以簡便許多樣式。此次用了屬性選擇器,root,not,empty,target,first child,last child,ntn child n ntn last child n first of type,nth of type n last of type,nth l...