国产探花免费观看_亚洲丰满少妇自慰呻吟_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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 隆林| 甘德县| 工布江达县| 宝兴县| 和林格尔县| 余姚市| 普陀区| 洮南市| 中山市| 清镇市| 株洲市| 岳池县| 广州市| 明光市| 锡林郭勒盟| 清新县| 临西县| 称多县| 缙云县| 鄢陵县| 都兰县| 大厂| 万荣县| 喀喇| 无极县| 博爱县| 建湖县| 长岛县| 曲阜市| 新乡市| 逊克县| 四子王旗| 昆山市| 通辽市| 历史| 十堰市| 虞城县| 巴东县| 峡江县| 乃东县| 江华|