CSS选择器中的管道和上限符号有什么区别?

aja*_*jai 5 css css3

我正在读css3选择器,我无法理解这个[lang | = en]和[lang ^ = en].两个选择器都以相同的方式工作,有什么主要区别.

请建议我.

谢谢.

Exp*_*lls 3

我同意该规范有点令人困惑。选择|=器必须有一个破折号跟在属性值后面,而^=没有。 |=需要更具体的值。

[foo|=en] /* works for `en-` */
[foo^=en] /* works for `en` */
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/4ortrxhq/