婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

主頁 > 知識庫 > HTML5新增的Css選擇器、偽類介紹

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

熱門標簽:智能芯電話機器人 怎么做百度地圖標注 地圖標注柱狀圖 四川移動電銷外呼客戶管理系統 臨海地圖標注app 小朱地圖標注 百度地圖標注為什么總是封號 400開頭的電話好申請不 咸陽穩定外呼系統軟件
選擇器
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 class="test">
<p>
1
</p>
<p>
2
</p>
</div>
<p class="test">
1
</p>
<p class="test">
2
</p>
<p class="test">
1
</p>
<p class="test">
2
</p>

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

標簽:公主嶺 陜西 南平 黃石 黃石 平頂山 山南 平涼

巨人網絡通訊聲明:本文標題《HTML5新增的Css選擇器、偽類介紹》,本文關鍵詞  HTML5,新增,的,Css,選擇器,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《HTML5新增的Css選擇器、偽類介紹》相關的同類信息!
  • 本頁收集關于HTML5新增的Css選擇器、偽類介紹的相關信息資訊供網民參考!
  • 推薦文章
    主站蜘蛛池模板: 定边县| 崇州市| 海盐县| 通州区| 府谷县| 南涧| 晋中市| 西宁市| 鄢陵县| 六安市| 广灵县| 贡觉县| 庄浪县| 贵港市| 都昌县| 万盛区| 苗栗市| 红安县| 枣阳市| 巴里| 宝兴县| 肥城市| 婺源县| 昌吉市| 榆中县| 禹州市| 中阳县| 璧山县| 武城县| 黑龙江省| 乡宁县| 三穗县| 红河县| 桂平市| 卓尼县| 昌乐县| 洞头县| 林西县| 横峰县| 黔南| 灵武市|