2015-10-19 8 views
5

私はcss3セレクタを読んでいますが、この違いを理解できません[lang | = en]と[lang^= en]です。どちらのセレクタも同じ方法で動作しますが、大きな違いがあります。CSSセレクタのパイプラインとキャップシンボルの違いは何ですか?

ご連絡ください。

アドバンスありがとうございます。

+1

? [仕様](http://www.w3.org/TR/css3-selectors/#selectors)のページでは、その違いをよく説明しています。 – George

+0

私はこのリンクを「http://www.w3schools.com/cssref/css_selectors.asp」から読んでいます – ajai

+0

私の質問は何ですか?どちらのセレクタも同じように動作しています。たとえば、私は^記号を使っている間に、テキストの始めの単語だけでなく、また、 – ajai

答えて

3

私はspecificationがちょっと混乱していることに同意します。 |=セレクタには、属性値の後にダッシュを付ける必要がありますが、^=にはダッシュを付けないでください。 |=には、より具体的な値が必要です。あなたはCSS3セレクターについて読んでいると言いました

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

http://jsfiddle.net/4ortrxhq/

+0

ええ、今私はこれで明らかです、ありがとう – ajai

関連する問題