婷婷综合国产,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選擇器、偽類介紹的相關信息資訊供網民參考!
  • 推薦文章
    主站蜘蛛池模板: 汽车| 永德县| 大安市| 泸溪县| 北宁市| 泽库县| 英德市| 葫芦岛市| 简阳市| 成安县| 宜兴市| 益阳市| 香格里拉县| 富宁县| 海兴县| 三原县| 云梦县| 兴业县| 南川市| 甘泉县| 会泽县| 浑源县| 利辛县| 县级市| 巍山| 闵行区| 阳谷县| 安顺市| 瓦房店市| 辽阳市| 岗巴县| 厦门市| 汉中市| 交口县| 望城县| 宁远县| 遂平县| 衡阳县| 安乡县| 旌德县| 运城市|