Her yerde CSS büyük küçük harf duyarlı değil okumaya devam ediyorum, ama bu seçici var

.holiday-type.Selfcatering

bu şekilde HTML olarak kullanıyorum, zaman alacak

<div class="holiday-type Selfcatering">

Eğer değiştirirsem yukarıda böyle seçici

.holiday-type.SelfCatering

Stil yakalamış değil.

Birisi yalan söylüyor.

CSS seçiciler genellikle büyük / küçük harf duyarlı değildir; bu ID seçiciler içerir.

Ama 16* *(öznitelik tanımı bakınız), ve bu ikinci örnekte bir uyumsuzluk neden. Bu HTML5 değişmemiştir.¹

Bu seçiciler is dependent on what the document language says büyük / küçük harf duyarlılığı olduğu için:

Tüm Seçiciler sözdizimi küçük harf duyarlı Seçiciler kontrolü altında ASCII aralığı (örneğin, [a-z] ve [A-Z] eşdeğer), olmayan parçaları dışında yer almaktadır. Belge dil öğesi adları büyük / küçük harf duyarlılığı, öznitelik adları ve seçiciler nitelik değerlerinin belge diline bağlıdır.

Yani, belirli bir HTML öğesi ile bir Selfcatering sınıf ama olmadan SelfCatering Sınıf seçiciler .Selfcatering [class~="Selfcatering"] maç sırasında seçiciler .SelfCatering [class~="SelfCatering"].²

Eğer belge türü büyük / küçük harf duyarlı olarak sınıf adları tanımlanmış ise, o zaman bir maç ne olursa olsun olurdu.

¹Tüm tarayıcılar için tuhaf mod, sınıfları ve Kimlikleri büyük / küçük harfe duyarlıdır. Bu durumda eşleşmeyen seçiciler her zaman maç olacak anlamına gelir. Bu davranış, eski nedenlerle tüm tarayıcılarda tutarlı ve this article söz konusu olur.

²Değer Selectors level 4 ne içerir öznitelik değerleri [class~="Selfcatering" i] [class~="SelfCatering" i] kullanarak büyük / küçük harf duyarlı bir arama zorlamak için önerilen bir sözdizimi. Hem seçiciler Selfcatering bir sınıf veya SelfCatering bir sınıf (ya da, tabii ki, her ikisini) ile HTML veya XHTML bir elemanı ile eşleşir. Ancak orada sınıf veya ID seçiciler (henüz?) için böyle bir sözdizimi. düzenli öznitelik seçiciler farklı semantiği taşıdığı için muhtemelen (kihayırsemantik ilişkili) ya da zor kullanılabilir bir sözdizimi ile geldi çünkü.