国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > HTML > 正文

HTML5新增的Css選擇器、偽類介紹

2024-08-26 00:16:36
字體:
來源:轉載
供稿:網友

點評:HTML5新增了Css選擇器、偽類,本文整理了一些,并給出簡單的使用介紹,喜歡html5的朋友可以參考下,希望對大家有所幫助

選擇器
p[name^=“my”]{font-size:14px}
選擇器 ^= 講規則應用到所有 name屬性以“my”開頭的<p>元素標簽
p[name$=“my”]{font-size:14px}
選擇器 $= 講規則應用到所有 name屬性以“my”結尾的<p>元素標簽
p[name*=“my”]{font-size:14px}
選擇器 $= 講規則應用到所有 name屬性包含“my”結尾的<p>元素上
選擇器 > 、 + 、~
選擇器>表示受影響的元素是第一個元素的子元素。
選擇器+這 個選擇器引用緊跟元素之后的元素,這兩個元素必須有相同父級。
選擇器~與+類似,但受影響的元素不一定緊跟第一個元素。

偽類與引用元素名稱之間要加“:”
例:myclass:nth-child(2)
myclass元素中的第二個素
關鍵字“odd” ,“even”
myclass:nth-child(odd):影響其父元素索引位置為奇數的
myclass:nth-child(even):影響其父元素索引位置為偶數的

復制代碼

代碼如下:


<style>
.test:nth-child(odd)
{
color:Blue;
}
.test:nth-child(even)
{
color: Red;
}
.test:nth-child(2)
{
color: Green;
}
</style>
<div>
<p>
1
</p>
<p>
2
</p>
</div>
<p>
1
</p>
<p>
2
</p>
<p>
1
</p>
<p>
2
</p>


效果如下:
1
2
1
2
1
2
否定偽類
:not(p){color:red}
除了<p>元素之外的其他元素都為red

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 错那县| 兴化市| 大姚县| 赣榆县| 谢通门县| 阜新市| 金华市| 深泽县| 日喀则市| 全南县| 洛阳市| 康马县| 宜城市| 雷山县| 平果县| 嘉鱼县| 罗源县| 科技| 鱼台县| 蓬莱市| 台中县| 临邑县| 山丹县| 馆陶县| 永吉县| 武城县| 濉溪县| 日照市| 通榆县| 济南市| 桓台县| 奎屯市| 屯昌县| 郓城县| 辽中县| 福海县| 广灵县| 汪清县| 福海县| 崇左市| 桐柏县|