十年網(wǎng)站開(kāi)發(fā)經(jīng)驗(yàn) + 多家企業(yè)客戶(hù) + 靠譜的建站團(tuán)隊(duì)
量身定制 + 運(yùn)營(yíng)維護(hù)+專(zhuān)業(yè)推廣+無(wú)憂(yōu)售后,網(wǎng)站問(wèn)題一站解決
這篇文章主要為大家展示了CSS中的六個(gè)重要選擇器分別是什么,內(nèi)容簡(jiǎn)而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶大家一起來(lái)研究并學(xué)習(xí)一下“CSS中的六個(gè)重要選擇器分別是什么”這篇文章吧。
成都創(chuàng)新互聯(lián)公司主要從事成都做網(wǎng)站、網(wǎng)站制作、網(wǎng)頁(yè)設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)鎮(zhèn)沅,十多年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專(zhuān)業(yè),歡迎來(lái)電咨詢(xún)建站服務(wù):18982081108CSS 的選擇器有哪些???
1.通配符(*)
也可稱(chēng)作全局選擇器或者通用選擇器,顧名思義,就是定義所有的元素的樣式。常用于默認(rèn)的一些樣式,例如給所有的元素設(shè)置內(nèi)邊距為2px *{padding:2px; } ,增加頁(yè)面的美感!
2.標(biāo)簽選擇器
也可稱(chēng)作元素選擇器,例如 div , p, img 等等。
3.類(lèi)選擇器
類(lèi)名不能以數(shù)字開(kāi)頭,必須以 .號(hào)開(kāi)頭。一個(gè)頁(yè)面的類(lèi)名可以重復(fù)。例如 .類(lèi)名{ } 的形式。
4.ID 選擇器
以#開(kāi)頭,一個(gè)頁(yè)面不能出現(xiàn)相同的 id 名稱(chēng)。
5.并列選擇器
就是幾個(gè)選擇器需要設(shè)置同樣的樣式,中間用逗號(hào)隔開(kāi)。例如 div,p{ color:red;} ,設(shè)置 div 標(biāo)簽和 p 標(biāo)簽的字體顏色都為紅色。
6.父子選擇器
就元素是父子的關(guān)系,改變的是兒子。選擇器之間用空格隔開(kāi),例如 div h2{ font-size:60px;} ,設(shè)置 div 標(biāo)簽ne內(nèi)的 h2標(biāo)簽的字體大小為 60像素。這里必須是 div 里面的 h2才可以改變樣式。
優(yōu)先級(jí):
ID 選擇器 > 類(lèi)選擇器 > 標(biāo)簽選擇器 > 通配符
優(yōu)先級(jí)不用解釋了吧,就是誰(shuí)先加載運(yùn)行,誰(shuí)就是大哥咯┗|`O′|┛
還有很多選擇器就不一 一 介紹了,什么偽類(lèi)選擇器,偽 ID 選擇器。關(guān)鍵是記不住阿,就記上面幾個(gè)就行了,比較常用。下面給大家舉些例子容易理解一點(diǎn)。
類(lèi)名和 ID 名稱(chēng)的命名規(guī)則:
1.不要以數(shù)字開(kāi)頭。
2.類(lèi)名和 ID 名稱(chēng) 做到望文知意,不能用中文,英語(yǔ)不好可以用拼音,拼音不好,算了你還是別用了,哈哈哈。
如果你比較憨憨或者懶,搞個(gè)one, two ,three,過(guò)段時(shí)間你再看你會(huì)崩潰的,你想不起 1 ,2 ,3寫(xiě)的什么了o(≧口≦)o
以上就是關(guān)于“CSS中的六個(gè)重要選擇器分別是什么”的內(nèi)容,如果改文章對(duì)你有所幫助并覺(jué)得寫(xiě)得不錯(cuò),勞請(qǐng)分享給你的好友一起學(xué)習(xí)新知識(shí),若想了解更多相關(guān)知識(shí)內(nèi)容,請(qǐng)多多關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。