I selettori CSS sono sensibili al maiuscolo/minuscolo?

Recentemente sono stato l'aggiornamento di un sito CMS e un plugin scheda di navigazione aveva inserito il seguente markup:I selettori CSS sono sensibili al maiuscolo/minuscolo?

<li id="News_tab">...

Ho sempre scritto i miei selettori CSS in minuscolo così quando ho provato per lo stile con questo #news_tab, si wouldn 'applicare, ma #News_tab ha funzionato.

Dopo tutti questi anni sono sorpreso di non essermi imbattuto in questo prima, quindi ho sempre avuto l'impressione che la CSS fosse insensibile alle maiuscole e minuscole. I CSS sono sempre stati case sensitive e io non li ho notati grazie al mio coerente stile di codice?

fonte

2011-09-26 Andrew Vit

non utilizzare i tappi per iniziare gli attributi di classe o ID. personalmente, non li uso affatto, tranne che per le classi JS del rivestimento del cammello. – albert

@albert Sì, non userei mai i cappucci ... è stato generato da un plugin, non dal mio stile. –

Assicurati di usare un DOCTYPE o potresti ottenere un comportamento strano !!! –

CSS per sé è case insensitive, ma selettori da HTML (class e id) sono case sensitive:

CSS recommendation on case sensitivity

HTML recommendation, id attribute (notare le [CS])

fonte

2011-09-26 18:04:03 Einacio

http://www.w3.org/TR/CSS2/syndata.html

Tutti sintassi CSS è compreso nell'intervallo ASCII (cioè, [az] e [AZ] sono equivalenti), fatta eccezione per le parti che non sono sotto il controllo di CSS-insensitive caso

Dal sito Web dei documenti.

follow-up per selettori:

http://www.w3.org/TR/CSS2/selector.html

Il caso-sensibilità di nomi degli elementi linguistici documento selettori dipende dal linguaggio del documento. Ad esempio, in HTML, i nomi degli elementi sono case-insensitive, ma in XML sono case-sensitive.

fonte

2011-09-26 18:02:49

Come accennato, il CSS non fa distinzione tra maiuscole e minuscole, ma HTML impone restrizioni. –

attributi class e id sono case sensitive:

http://reference.sitepoint.com/css/casesensitivity

fonte

2011-09-26 18:04:37

Mi piace questa linea: * Il modo più semplice per mitigare eventuali problemi relativi alla distinzione tra maiuscole e minuscole consiste nell'utilizzare sempre le lettere minuscole per tutto il codice e CSS. * – animuson

Il collegamento probabilmente non va più alla destinazione prevista ... –

CSS4 (CSS Selector Level 4) aggiunge il supporto per la corrispondenza senza distinzione tra maiuscole e minuscole (solo ASCII).

input[value='search' i]

E 'la "i" finale, che avrebbe fatto il trucco ...

leggi la mia other answer per dettagli che browser supporta questo.

fonte

2014-11-03 19:34:27

I selettori CSS sono sensibili al maiuscolo/minuscolo?

risposta

Problemi correlati