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属性选择符示例 -- 可以尝试编辑



  • 教程中有什么不懂的地方?发现教程的错误!对教程有什么建议!快快联系猴子呀dreamdu@163.com,:)
赞助梦之都