2015-10-19 11 views
5

Sto leggendo i selettori css3, non riesco a capire la differenza su questo [lang | = en] e [lang^= en]. Entrambi i selettori funzionano allo stesso modo, c'è una grossa differenza.Qual è la differenza tra pipeline e simbolo del cappuccio nel selettore CSS?

Si prega di avvisare.

Anticipazione.

+1

Dove hai detto che stai leggendo su selettori CSS3? La pagina [specifica] (http://www.w3.org/TR/css3-selectors/#selectors) descrive piuttosto bene la differenza. – George

+0

Ho letto questo dal seguente link "http://www.w3schools.com/cssref/css_selectors.asp" – ajai

+0

La mia domanda è qual è la differenza. Entrambi i selettori funzionano allo stesso modo. Ad esempio, mentre sto usando il simbolo ^, selezionerà la parola di inizio testo, oltre a | anche. – ajai

risposta

3

Sono d'accordo che lo specification è un po 'di confusione. Il selettore |= deve avere un trattino che segue il valore dell'attributo mentre ^= no. |= richiede un valore più specifico.

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

http://jsfiddle.net/4ortrxhq/

+0

Sì, ora sono chiaro su questo, grazie – ajai

Problemi correlati