婷婷综合国产,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選擇器、偽類介紹的相關信息資訊供網民參考!
  • 推薦文章
    主站蜘蛛池模板: 皮山县| 新巴尔虎左旗| 开原市| 海淀区| 永善县| 多伦县| 海伦市| 全南县| 南京市| 鄱阳县| 井冈山市| 南陵县| 鲁甸县| 五河县| 蚌埠市| 册亨县| 澄江县| 武山县| 南宁市| 前郭尔| 桃园县| 禄丰县| 伊宁市| 修文县| 友谊县| 安吉县| 中西区| 安龙县| 东城区| 木兰县| 普洱| 分宜县| 叶城县| 阿瓦提县| 郧西县| 昭平县| 罗源县| 图们市| 辽宁省| 蒲江县| 措勤县|