14.9. CSS属性选择符
- 14.9.1. CSS E[att] 属性名选择符
- 14.9.2. CSS E[att=val] 属性值选择符
- 14.9.3. CSS E[att~=val] 属性值选择符
- 14.9.4. CSS E[att|=val] 属性值选择符
- 14.9.5. CSS E[att^=val] 属性值子串选择符
- 14.9.6. CSS E[att$=val] 属性值子串选择符
- 14.9.7. CSS E[att*=val] 属性值子串选择符
属性选择符可以匹配HTML(XHTML、XML)文档中元素定义的属性、属性值或属性值的一部分,本节将介绍的属性选择符如下:
属性名选择符
- E[att] -- 匹配文档中具有att属性的E元素
属性值选择符
- E[att=val] -- 匹配文档中具有att属性且其值为val的E元素
- E[att~=val] -- 匹配文档中具有att属性且其中一个值(多个值使用空格分隔)为val(val不能包含空格)的E元素
- E[att|=val] -- 匹配文档中具有att属性且其中一个值为val,或者以val开头紧随其后的是连字符
-的E元素(主要用来允许语言编码的匹配,例如HTML中的hreflang属性。关于lang(或 xml:lang)语言码的比配,可查看:lang伪类)
属性值子串选择符
- E[att^=val] -- 匹配文档中具有att属性且其值的前缀为val的E元素
- E[att$=val] -- 匹配文档中具有att属性且其值的后缀为val的E元素
- E[att*=val] -- 匹配文档中具有att属性且其包含val的E元素
CSS属性选择符示例 -- 可以尝试编辑
From "CSS属性选择符 - CSS选择符 - CSS教程"