2011-09-26 22 views
24

Byłem niedawno aktualizację witryny CMS i wtyczki tab-nawigacyjnego nie dodaje się następujące znaczniki:Czy selektory CSS uwzględniają wielkość liter?

<li id="News_tab">... 

Zawsze napisane moje selektorów CSS w małych liter więc kiedy próbowałem ten styl z #news_tab, to byłoby miło 't zastosowanie, ale #News_tab pracował.

Po tych wszystkich latach jestem zaskoczony, że nie wpadłem na to wcześniej, więc zawsze miałem wrażenie, że CSS nie ma znaczenia. Czy w CSS zawsze była rozróżniana wielkość liter i po prostu nie zauważyłem tego dzięki konsekwentnemu stylowi kodu?

+0

Nie należy używać czapek do uruchamiania atrybutów klasy lub identyfikatora. osobiście, nie używam ich wcale, z wyjątkiem klas JS na wielbłądzie. – albert

+0

@albert Tak, nie używałbym czapek albo ... był generowany przez wtyczkę, nie w moim stylu. –

+0

Upewnij się, że używasz DOCTYPE lub możesz uzyskać dziwne zachowanie !!! –

Odpowiedz

2

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

Wszystkie składni CSS liter jest w zakresie ASCII (tj [AZ] i [AZ] równoważne), z wyjątkiem części, które nie są pod kontrolą CSS

Ze strony internetowej docs.


Follow-up dla selektorów:

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

Sprawa czułości od nazw elementów języka dokumentu w selektorów zależy od języka dokumentu. Na przykład w języku HTML nazwy elementów nie uwzględniają wielkości liter, ale w języku XML wielkość liter jest rozróżniana. Sam

+0

Jak już wspomniano, w CSS nie jest rozróżniana wielkość liter, ale HTML nakłada ograniczenia. –

6

class i id atrybuty wielkość liter ma znaczenie:

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

+3

Podoba mi się ta linia: * Najprostszym sposobem na złagodzenie wszelkich potencjalnych problemów związanych z rozróżnianiem wielkości liter jest stosowanie zawsze małych liter we wszystkich znacznikach i CSS. * – animuson

+0

Link prawdopodobnie nie jest już zgodny z przeznaczeniem ... –

8

CSS4 (CSS Selector Level 4) dodaje obsługę dla dopasowywania bez rozróżniania wielkości liter (tylko ASCII).

input[value='search' i]

To „ja” na końcu, które by rade ...

Sprawdź moje other answer Aby uzyskać szczegółowe informacje, które przeglądarka obsługuje tego.

Powiązane problemy