校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

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

HTML5新增的Css選擇器、偽類介紹
熱門標簽：智能芯電話機器人 怎么做百度地圖標注 地圖標注柱狀圖 四川移動電銷外呼客戶管理系統(tǒng) 臨海地圖標注app 小朱地圖標注 百度地圖標注為什么總是封號 400開頭的電話好申請不 咸陽穩(wěn)定外呼系統(tǒng)軟件
選擇器
p[name^=“my”]{font-size:14px}
選擇器 ^= 講規(guī)則應用到所有 name屬性以“my”開頭的<p>元素標簽
p[name$=“my”]{font-size:14px}
選擇器 $= 講規(guī)則應用到所有 name屬性以“my”結尾的<p>元素標簽
p[name*=“my”]{font-size:14px}
選擇器 $= 講規(guī)則應用到所有 name屬性包含“my”結尾的<p>元素上
選擇器 > 、 + 、~
選擇器>表示受影響的元素是第一個元素的子元素。
選擇器+這 個選擇器引用緊跟元素之后的元素，這兩個元素必須有相同父級。
選擇器~與+類似，但受影響的元素不一定緊跟第一個元素。

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

復制代碼
代碼如下:

<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

標簽：公主嶺 陜西 南平 黃石 黃石 平頂山 山南 巨人網(wǎng)絡通訊聲明：本文標題《HTML5新增的Css選擇器、偽類介紹》，本文關鍵詞  HTML5,新增,的,Css,選擇器,；如發(fā)現(xiàn)本文內(nèi)容存在版權問題，煩請?zhí)峁┫嚓P信息告之我們，我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡，涉及言論、版權與本站無關。

  • 相關文章
  • 下面列出與本文章《HTML5新增的Css選擇器、偽類介紹》相關的同類信息！
  • 本頁收集關于HTML5新增的Css選擇器、偽類介紹的相關信息資訊供網(wǎng)民參考！
    • 推薦文章
    主站蜘蛛池模板： 大方县| 岳西县| 顺义区| 仪陇县| 柳州市| 顺平县| 彭州市| 崇信县| 绩溪县| 县级市| 安徽省| 普陀区| 兴仁县| 东乌珠穆沁旗| 柳江县| 丰城市| 淳化县| 元阳县| 东乌珠穆沁旗| 托克逊县| 武城县| 荃湾区| 峨边| 扎赉特旗| 鹤壁市| 永寿县| 夏邑县| 勐海县| 仙桃市| 股票| 深州市| 油尖旺区| 乐陵市| 德惠市| 阿坝县| 吉安市| 晋中市| 新泰市| 天长市| 曲麻莱县| 澎湖县|