濮阳杆衣贸易有限公司

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

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

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

復(fù)制代碼
代碼如下:

<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)絡(luò)通訊聲明：本文標題《HTML5新增的Css選擇器、偽類介紹》，本文關(guān)鍵詞  HTML5,新增,的,Css,選擇器,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請?zhí)峁┫嚓P(guān)信息告之我們，我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無關(guān)。

  • 相關(guān)文章
  • 下面列出與本文章《HTML5新增的Css選擇器、偽類介紹》相關(guān)的同類信息！
  • 本頁收集關(guān)于HTML5新增的Css選擇器、偽類介紹的相關(guān)信息資訊供網(wǎng)民參考！
    • 推薦文章
    枞阳县| 武穴市| 通州市| 什邡市| 玉田县| 锦州市| 东阳市| 芜湖县| 侯马市| 江城| 行唐县| 贡觉县| 桐柏县| 宜阳县| 新建县| 密云县| 花垣县| 津市市| 长治县| 丹巴县| 金秀| 微山县| 万荣县| 和政县| 葫芦岛市| 丽江市| 江达县| 昭觉县| 贺州市| 宜宾县| 葫芦岛市| 台中县| 富蕴县| 东乌珠穆沁旗| 莱西市| 冀州市| 左权县| 海阳市| 师宗县| 怀仁县| 合肥市|