14.9.4 CSS E[att|=val] 属性值选择符

E[att|=val] -- CSS E[att|=val] 属性值选择符，匹配文档中具有att属性且其中一个值为val，或者以val开头紧随其后的是连字符-的E元素（主要用来允许语言编码的匹配，例如HTML中的hreflang属性。关于lang（或 xml:lang）语言码的匹配，可查看:lang伪类）
  • 语法: E[att|=val]
    • E -- 元素
    • att -- 属性
    • val -- 属性值
  • 引用网址：http://www.dreamdu.com/css/selector_attribute_values_separator/
  • 说明：
    • 匹配文档中元素的属性att的值为val，或者以val开头紧随其后的是连字符-的元素，例如a[hreflang|="en"]选择符，表示具有hreflang属性且值为en或en开头后加"-"（例如：en-US）的a元素
  • att，是attribute的缩写，中文"属性"。val，是value的缩写，中文"值"

示例

*[lang|="en"]
{
	color: red;
}

*[lang|="zh"]
{
	color: blue;
}

<p lang="en">梦之都红色</p>
<p lang="en-US">梦之都红色</p>
<p lang="zh">梦之都蓝色</p>

CSS E[att|=val] 属性值选择符示例 -- 可以尝试编辑

浏览器兼容性

CSS E[att|=val] 属性值选择符浏览器兼容性
选择符 IE6 IE7 IE8 IE9 FF CH OP SA
E[att|=val] no yes yes yes yes yes yes yes
From "CSS E[att|=val] 属性值选择符 - CSS属性选择符 - CSS选择符 - CSS教程"


  • 教程中有什么不懂的地方？发现教程的错误！对教程有什么建议！快快给我留言呀 给猴子留言，我会尽快解答你的问题:)
  • HTML代码