css選擇器是做前端的一個(gè)重要工具,在學(xué)習(xí)前端web創(chuàng)建的時(shí)候,這是東西是非常重要的,那么css選擇器有哪些?其實(shí)作為一個(gè)從零基礎(chǔ)開(kāi)始學(xué)習(xí),專門轉(zhuǎn)行做前端開(kāi)發(fā)的人來(lái)說(shuō)在,這個(gè)知識(shí)點(diǎn)是非常重要的,這也是很多培訓(xùn)機(jī)構(gòu)對(duì)于實(shí)戰(zhàn)技術(shù)培訓(xùn)的一個(gè)重要知識(shí)點(diǎn)。
一些常用的選擇器類型
第一個(gè)是標(biāo)簽選擇器,這個(gè)選擇器的結(jié)構(gòu): 標(biāo)簽名{css屬性名:屬性值},他的作用:通過(guò)標(biāo)簽名,找到頁(yè)面中所有的這類標(biāo)簽,設(shè)置樣式,同時(shí)我們需要注意:1.標(biāo)簽選擇器選擇的是一類標(biāo)簽,而不是單獨(dú)的一個(gè)。不過(guò)標(biāo)簽選擇器無(wú)論嵌套關(guān)系有多深,都能夠找到對(duì)應(yīng)的標(biāo)簽
第二個(gè)就是類選擇器,他的結(jié)構(gòu):類名{css屬性名:屬性值;},他的作用:通過(guò)類名,找到頁(yè)面中所有的帶有這個(gè)類名的標(biāo)簽,設(shè)置樣式。
除了上面兩個(gè)選擇器之外,還有ID選擇器。ID選擇器定義的是某一個(gè)特定的html元素,一個(gè)網(wǎng)頁(yè)中只有一個(gè)標(biāo)簽或元素使用某一ID的屬性值。ID選擇器的基本語(yǔ)法格式如下:#idValue{property:value}。其中idValue是ID選擇器的名稱,可以由CSS編寫者自己編寫。(所有瀏覽器都支持)
最后就是全局選擇器和復(fù)合選擇器、全局選擇器就是對(duì)所有的htmlz元素起作用。語(yǔ)法格式為: *{propery:value}。其中“*”表示對(duì)所有元素起作用,property表示css的屬性,value表示屬性值。
一些不常用的選擇器
css選擇器有哪些?還有一些在開(kāi)發(fā)時(shí)候不太經(jīng)常使用的選擇器,就是繼承選擇器。繼承的規(guī)則是子標(biāo)簽在沒(méi)有定義的情況下,繼承父標(biāo)簽的選擇器;當(dāng)子標(biāo)簽重復(fù)定義了父標(biāo)簽的聲明時(shí),執(zhí)行子標(biāo)簽選擇器。偽類選擇器。這些在一些專業(yè)機(jī)構(gòu)里面,比如千鋒教育這些機(jī)構(gòu)里是作為重點(diǎn)知識(shí)會(huì)講解的。