主頁(yè) > 知識(shí)庫(kù) > HTML5新增的Css選擇器、偽類介紹

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

偽類與引用元素名稱之間要加“:”
例：myclass:nth-child(2)
myclass元素中的第二個(gè)素
關(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

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

  • 相關(guān)文章
  • 下面列出與本文章《HTML5新增的Css選擇器、偽類介紹》相關(guān)的同類信息！
  • 本頁(yè)收集關(guān)于HTML5新增的Css選擇器、偽類介紹的相關(guān)信息資訊供網(wǎng)民參考！
    • 推薦文章