一重要選擇器
E,F 多元素選擇器盛撑,同時(shí)匹配所有E元素或F元素付呕,E和F之間用逗號(hào)分隔 div,p { border:1px solid #ccc;}
E F 后代元素選擇器糕伐,匹配所有屬于E元素后代的F元素饲宿,E和F之間用空格分隔 div p{color:red;}
E > F 子元素選擇器魁索,匹配所有E元素的子元素F div > strong { color:#f00; }
E + F 毗鄰元素選擇器狸吞,匹配所有緊隨E元素之后的同級(jí)元素F p + p { color:#f00; }
E:nth-child(n) 這個(gè)屬性默認(rèn)父元素的第n個(gè)子元素E 如果沒(méi)有父元素那么他的父元素就是body
此屬性可以實(shí)現(xiàn)奇偶 2n 2n+1
E:nth-of-type()從字面意思就很好理解了勉耀。選擇第n個(gè)E元素.沒(méi)有父級(jí)元素的限制
三、選擇器的優(yōu)先級(jí)
從高到低依次是:
1.在屬性后面使用 !important會(huì)覆蓋頁(yè)面內(nèi)任何位置定義的元素樣式
2.作為style屬性寫在元素標(biāo)簽上的內(nèi)聯(lián)樣式
3.id選擇器
4.類選擇器
5.偽類選擇器
6.屬性選擇器
7.標(biāo)簽選擇器
8.通配符選擇器
9.瀏覽器自定義
實(shí)際上蹋偏,同一個(gè)元素可以使用多個(gè)規(guī)則來(lái)指定它的字體顏色便斥,每個(gè)規(guī)則都有自己的選擇器。顯然最終只有一個(gè)規(guī)則起作用(不可能一個(gè)字既是紅色又是綠色)威始,那么該規(guī)則的特殊性最高枢纠,特殊性即css優(yōu)先級(jí)。那么CSS的優(yōu)先級(jí)怎么計(jì)算呢黎棠?
選擇器的特殊性值表述為4個(gè)部分晋渺,用0,0,0,0表示镰绎。
ID選擇器的特殊性值,加0,1,0,0;
類選擇器些举、屬性選擇器或偽類跟狱,加0,0,1,0;
元素和偽元素,加0,0,0,1;
通配選擇器對(duì)特殊性沒(méi)有貢獻(xiàn)户魏,即0,0,0,0;
最后比較特殊的一個(gè)標(biāo)志!important(權(quán)重)驶臊,它沒(méi)有特殊值,但是他的優(yōu)先級(jí)是最高的叼丑,為了方便記憶关翎,可認(rèn)為他的默認(rèn)值是1,0,0,0.