2015-10-19 4 views
5

Czytam selektory css3, nie mogę zrozumieć różnicę w tym [lang | = en] i [lang^= en]. Oba selektory działają w ten sam sposób, czy istnieje jakaś zasadnicza różnica.Jaka jest różnica między symbolem potoku i czapki w selektorze CSS?

Proszę mi doradzić.

Wcześniejsze podziękowania.

+1

Gdzie pan powiedzieć czytasz o selektorów CSS3? Strona [specyfikacja] (http://www.w3.org/TR/css3-selectors/#selectors) dość dobrze opisuje różnicę. – George

+0

Przeczytałem to z następującego linku "http://www.w3schools.com/cssref/css_selectors.asp" – ajai

+0

Moje pytanie brzmi: jaka jest różnica. Oba selektory działają tak samo. Na przykład, gdy używam symbolu ^, wybierze początkowe słowo tekstu, a także | również. – ajai

Odpowiedz

3

Zgadzam się, że specification jest trochę zagmatwany. Selektor |= musi mieć kreskę zgodną z wartością atrybutu, podczas gdy ^= nie. |= wymaga bardziej określonej wartości.

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

http://jsfiddle.net/4ortrxhq/

+0

Tak, teraz jestem jasny, dzięki – ajai

Powiązane problemy