您好,登錄后才能下訂單哦!
小編給大家分享一下css中選擇器分類有哪些,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
css 選擇器分為以下幾種:
1,html元素選擇器
以html元素標(biāo)簽名字顯示
body{ bgcolor:green; } p{ color: red; }
2,id 選擇器
id 選擇器可以為標(biāo)有特定 id 的 HTML 元素指定特定的樣式。
id 選擇器以 "#" 來定義。在html主題中,id屬性值始終是唯一的
<p id="red">這個(gè)段落是紅色。</p> <p id="green">這個(gè)段落是綠色。</p> #red{ color:red; } #green { color:green; }
3 ,class類選擇器
class選擇器,以點(diǎn)(.)顯示
<p class="center"> This paragraph will also be center-aligned. </p> .center { text-align: center; }
4,派生選擇器,(html,id,class屬性,都有派生選擇器)
li strong { font-style: italic; font-weight: normal; } .center strong { font-style: italic; font-weight: normal; }
5,組合選擇器(同時(shí)控制多個(gè)元素)
<h2>第一天</h2> <h2>第二天</h2> <h2>第三天</h2> <h2>第四天</h2> h2,h3,h4,h5{ font-size: 20px; color: red; }
6,偽元素選擇器
<a href="http://www.baidu.com">百度連接</a> 正常連接的樣式 a:link{ color: red; } 鼠標(biāo)放上去的樣式 a:hover{ color: blue; } 選擇連接時(shí)的樣式 a:active{ color: yellow; } 已經(jīng)訪問過的樣式 a:visited{ color: green; }
7,元素選擇器的優(yōu)先級(jí)
id>class>html
以上是“css中選擇器分類有哪些”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。