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