Büyük/Küçük Harfe Duyarsız CSS Özellik Seçici
CSS seçicileri, karmaşık kalıpları eşleştirmede ne kadar güçlü olabildikleri konusunda beni şaşırtmaktan asla vazgeçmiyor. Bu esnekliğin çoğu ebeveyn/çocuk/kardeş ilişkilerinde, nadiren de değer eşleştirmesindedir. CSS'nin, durum ne olursa olsun, nitelik değerlerinin eşleştirilmesine izin verdiğini öğrendiğimde şaşırdığımı düşünün!
Özellik seçici parantezlerine bir {space}i eklemek, özellik değeri aramasını büyük/küçük harfe duyarsız hale getirecektir:
/* büyük/küçük harfe duyarlı, yalnızca "example" ile eşleşir */ [class=example] { arka plan: pembe; } /* büyük/küçük harfe duyarlı değildir, "example", "eXampLe" vb. ile eşleşir. */ [class=example i] { arka plan: lightblue; }
