国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網站 > WEB開發 > 正文

css屬性選擇器

2024-04-27 15:03:45
字體:
來源:轉載
供稿:網友

CSS2引入了屬性選擇器,它可以根據元素的屬性以及屬性值來選擇元素。共有4中類型的屬性選擇器:

1. 簡單屬性選擇

<h1 class=""></h1>h1[class] {}<planet moons=""></planet>planet[moons] {}<img alt="" />img[alt] {}*[title] {}a[href][title] {}

2、根據具體屬性值選擇

a[href="..."] {}planet[moons=""] {}a[href=""] {}

這種格式要求必須與屬性值完全匹配

3、根據部分屬性值選擇

p[class~=""] {}img[title~="Figure"] {}

這個規則會選擇title文本包含Figure的所有圖象。因此,只要圖片有“Figure”的title文本,就能匹配(Figure 位置不限)。

還有一個更高級的css選擇模塊,這是在css2完成之后發布的,其中包含更多的部分屬性值選擇器(或者按規范的說法,稱之為“子串匹配屬性選擇器”)。這些屬性選擇器在很多現代瀏覽器中都得到了支持,包括IE7。

[foo^="bar"] 選擇foo屬性值以"bar"開頭的所有元素[foo$="bar"] 選擇foo屬性值以"bar"結尾的所有元素[foo*="bar"] 選擇foo屬性值中包含子串"bar"的所有元素

4、特殊屬性選擇類型

*[lang|="en"] {}這個規則會選擇lang屬性等于en或者以en-開頭的所有元素,如en、en-us、en-auimg[src|="figure"] {}這個規則會匹配形如figure-1.gif和figure-3.jpg
上一篇:NPM更新

下一篇:2.HTML5語義標簽

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 灵川县| 南阳市| 谢通门县| 深州市| 贺州市| 舟曲县| 金昌市| 湛江市| 潜山县| 大荔县| 邢台县| 巴林左旗| 南皮县| 长阳| 扶风县| 湟中县| 普宁市| 东宁县| 柯坪县| 义马市| 南投县| 信丰县| 合作市| 拜城县| 叶城县| 专栏| 烟台市| 江城| 滦南县| 苏尼特右旗| 依兰县| 大石桥市| 永嘉县| 余姚市| 平遥县| 陕西省| 通辽市| 安化县| 体育| 鄂伦春自治旗| 曲松县|