2013-03-24 16 views
72

Ho trovato an example di modelli e-mail sensibili dove non ci sono tali selettori CSS come il seguente:Perché utilizzare un selettore di attributo per abbinare le classi?

a[class="btn"] 

Perché questa sintassi usata se è assolutamente lo stesso di:

a.btn 

lo fa ha qualche impatto sui browser mobili o su qualsiasi altra cosa?

+0

possibile duplicato di [? Cosa parentesi quadre nei nomi di classe CSS significano] (http://stackoverflow.com/questions/3483391/what-do- parentesi quadre-in-css-class-nomi-media) – bogatyrjov

+4

@Jevgeni Bogatyrjov: Questa è una domanda completamente diversa che non è nemmeno correlata al CSS, ma posso vedere come potrebbe essere stato confuso a causa del titolo errato. L'ho modificato – BoltClock

risposta

120

La sintassi [] è un attribute selector.

a[class="btn"] 

Questo selezionerà qualsiasi <a> tag con class="btn". Tuttavia, sarà non selezionare <a> che dispone di class="btn btn_red", ad esempio (considerando a.btn). Solo corrisponde esattamente a tale attributo.

Si consiglia di leggere The 30 CSS Selectors you Must Memorize. È inestimabile per qualsiasi sviluppatore web emergente.

+0

ma non ha nulla da fare reattività, è pura sintassi CSS, giusto? – ducin

+2

@tkoomzaaskz corretto. – Eric

+0

Corrispondenza esatta ... oh, buona! – FelipeAls

Problemi correlati