建站
咨詢
售后
建站咨詢
新聞中心
這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
CSS3屬性_選擇屬性
CSS3選擇屬性
惠州網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)！從網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、APP開(kāi)發(fā)、自適應(yīng)網(wǎng)站建設(shè)等網(wǎng)站項(xiàng)目制作，到程序開(kāi)發(fā)，運(yùn)營(yíng)維護(hù)。創(chuàng)新互聯(lián)公司2013年成立到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來(lái)保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)。
CSS3引入了許多新的選擇器，這些選擇器允許開(kāi)發(fā)者更精確地定位和樣式化HTML元素，以下是一些主要的CSS3選擇器：
1. 基本選擇器
| 選擇器 | 描述 |
* | 選擇所有元素 |
E | 選擇所有類型為E的元素 |
#id | 選擇ID為給定值的元素 |
.class | 選擇類名為給定值的所有元素 |
e E | 選擇所有E元素的后代元素e |
e > E | 選擇所有作為E子元素的元素e |
e + E | 選擇緊接在e元素后面的E元素 |
e ~ E | 選擇e元素之后的所有E元素 |
2. 屬性選擇器
| 選擇器 | 描述 | |
[attr] | 選擇具有attr屬性的元素 | |
[attr=value] | 選擇attr屬性值為value的元素 | |
[attr~=value] | 選擇attr屬性值包含一個(gè)以空格分隔的單詞為value的所有元素 | |
[attr | =value] | 選擇attr屬性值等于value或以value開(kāi)頭的所有元素 |
[attr^=value] | 選擇attr屬性值以value開(kāi)頭的所有元素 | |
[attr$=value] | 選擇attr屬性值以value結(jié)尾的所有元素 | |
[attr*=value] | 選擇attr屬性值包含value的所有元素 |
3. 結(jié)構(gòu)偽類選擇器
| 選擇器 | 描述 |
:firstchild | 選擇每個(gè)父元素的第一個(gè)子元素 |
:lastchild | 選擇每個(gè)父元素的最后一個(gè)子元素 |
:nthchild(an+b) | 選擇每個(gè)父元素的第an+b個(gè)子元素 |
:onlychild | 選擇每個(gè)是其父元素唯一子元素的元素 |
:onlyoftype | 選擇每個(gè)是其父元素中同類型唯一元素的元素 |
:nthoftype(an+b) | 選擇每個(gè)父元素的第an+b個(gè)同類型子元素 |
4. UI偽類選擇器
| 選擇器 | 描述 |
:root | 選擇文檔的根元素 |
:empty | 選擇沒(méi)有子元素（包括文本節(jié)點(diǎn)）的元素 |
:target | 選擇當(dāng)前活動(dòng)錨點(diǎn)的元素 |
:enabled | 選擇啟用狀態(tài)的元素 |
:disabled | 選擇禁用狀態(tài)的元素 |
:checked | 選擇被選中的輸入元素 |
:default | 選擇默認(rèn)選中的表單元素 |
:valid | 選擇通過(guò)校驗(yàn)的表單元素 |
:invalid | 選擇未通過(guò)校驗(yàn)的表單元素 |
5. 關(guān)系偽類選擇器
| 選擇器 | 描述 |
:required | 選擇設(shè)置了必需屬性的表單元素 |
:optional | 選擇沒(méi)有設(shè)置必需屬性的表單元素 |
:inrange | 選擇在指定范圍內(nèi)的表單元素 |
:outofrange | 選擇在指定范圍外的表單元素 |
:readonly | 選擇設(shè)置為只讀的表單元素 |
:readwrite | 選擇沒(méi)有設(shè)置為只讀的表單元素 |
以上是CSS3中的一些主要選擇器，它們提供了強(qiáng)大的能力來(lái)定位和樣式化HTML元素。
網(wǎng)頁(yè)標(biāo)題：CSS3屬性_選擇屬性
當(dāng)前網(wǎng)址：http://m.5511xx.com/article/dhcdjpp.html
