HTML sınıf Özniteliği (HTML class Attribute)

HTML sınıf özniteliği bütün HTML elementlerinde bulunmaktadır. Kullanabilmek için sınıf seçicilerde seçici adının öncesine “.” (nokta) işareti konulmalıdır. 

HTML sınıf Özniteliği

HTML belgelerinde class ile daha önceden tanımlanmış olan CSS class seçici adı bu özniteliğe atanır. Yalnız class seçicilerde seçici adının öncesine “.” (nokta) işareti konulmalıdır. Yani HTML belgelerinde sınıf oluşturmak için; bir nokta (.) karakteri ve ardından bir sınıf adı eklenir. Sonrasında ise küme parantezleri { } içinde CSS özelliklerini tanımlanır.

See the Pen Untitled by 1kodum (@1kodum) on CodePen.

Yukarıdaki örneklerden farklı olarak HTML elementleri birden fazla sınıfa ait olabilir. Bunu yapabilmek için sınıf adları bir boşluk ile ayrılmalıdır. Örneğin <div class="birinci renk">. Ayrıca farklı HTML elementleri aynı sınıfı kullanabilir:

See the Pen Untitled by 1kodum (@1kodum) on CodePen.

Yukarıdaki örnekte de görüleceği üzere ortak özellikleri olan ama farklı özelliklere de sahip elementleri birden fazla isimle adlandırma yaparak kullanabiliriz.

❗ Sınıf seçicileri, yukarıdaki örnekte de görüleceği üzere birden fazla elemente atayarak kullanılabilir. Ancak ID seçiciler ise yalnız bir elemente atanır ve bir kez kullanılmalıdır.