2015-10-19 74 views
5

我在閱讀css3選擇器,我無法理解這個[lang | = en]和[lang^= en]。這兩種選擇器都以相同的方式工作,是否有任何重大差異。CSS選擇器中管道和帽符號有什麼區別?

請告訴我。

高級謝謝。

+1

哪裏你說你正在閱讀有關CSS3選擇器? [規範](http://www.w3.org/TR/css3-selectors/#selectors)頁面描述的差異非常好。 – George

+0

我已閱讀以下鏈接「http://www.w3schools.com/cssref/css_selectors.asp」 – ajai

+0

我的問題是有什麼區別。這兩個選擇器都是一樣的。例如,當我使用^符號時,它將選擇文本的開始單詞以及|也。 – ajai

回答

3

我同意specification有點混亂。 |=選擇器必須在屬性值後面有一個破折號,而^=則沒有。 |=需要更具體的價值。

[foo|=en] /* works for `en-` */ 
[foo^=en] /* works for `en` */ 

http://jsfiddle.net/4ortrxhq/

+0

是的,現在我明白了,謝謝 – ajai

相關問題