類選擇器,可以根據(jù)元素的class屬性值選 取元素。
classname{}比如.hello會(huì)選中頁(yè)面所有class屬性為hello的元素。
ID選擇器,可以根據(jù)元素的id屬性值選取 元素。
比如#box會(huì)選中頁(yè)面中id屬性值為box的 元素,和class屬性不同,id屬性是不能重 復(fù)的。
復(fù)合選擇器,可以同時(shí)使用多個(gè)選擇器, 這樣可以選擇同時(shí)滿足多個(gè)選擇器的元素。
class的div元素。
群組選擇器,可以同時(shí)使用多個(gè)選擇器, 多個(gè)選擇器將被同時(shí)應(yīng)用指定的樣式。
語(yǔ)法:
選擇器1,選擇器2,選擇器3 { }
比如p,.hello,#box會(huì)同時(shí)選中頁(yè)面中p元素,
class為hello的元素,id為box的元素。
通用選擇器,可以同時(shí)選中頁(yè)面中的所有 元素。
后代選擇器可以根據(jù)標(biāo)簽的關(guān)系,為處在 元素內(nèi)部的代元素設(shè)置樣式。
語(yǔ)法:
祖先元素 后代元素 后代元素 { }
比如p strong 會(huì)選中頁(yè)面中所有的p元素 內(nèi)的strong元素。
有時(shí)候,你需要選擇本身沒有標(biāo)簽,但是 仍然易于識(shí)別的網(wǎng)頁(yè)部位,比如段落首行 或鼠標(biāo)滑過(guò)的連接。CSS為他們提供一些選 擇器:偽類和偽元素。
首字母:first-letter
首行:first-line
否定偽類可以幫助我們選擇不是其他東西 的某件東西。
:not(選擇器){}
不同的選擇器有不同的權(quán)重值:
內(nèi)聯(lián)樣式:權(quán)重是 1000
id選擇器:權(quán)重是 100
類、屬性、偽類選擇器:權(quán)重是 10
元素選擇器:權(quán)重是 1
通配符:權(quán)重是 0