"Geleceğe atılan doğru bir adım..."
Bilgi Eğitim Bilgisayar Kursu Ders Notları

Web Tasarım Kursu - Class Sınıf Seçiciler ve kullanımı

Sınıf (Class) Seçicisi

Sınıf seçicileri birden fazla ögeye uygulanabilir ve birden fazla kullanılabilir. Sınıf seçicilerde seçici adının öncesine "." (nokta) işareti konulmalıdır. 

Örnek :kirmizi adında bir  sınıf seçicisi oluşturularak, yazının biçimi kalın ve  rengi kırmızı olan özellikler verilmiştir.

<html>

<head>

<title>Css Örnekleri</title>

 

<styletype="text/css">

 

.kirmizi {

          color:#ff0000;

          font-weight:bold;

}

 

</style>

</head>

<body>

<p class="kirmizi">Burası kirmizi sitili ile biçimlendirildi</p>

<h1 class="kirmizi">Burası kirmizi sitili ile biçimlendirildi</h1>

</body>

</html>

Görüldüğü üzere iki farklı öge için (p ve h1) aynı sınıf (class) seçicisini uygulamış olduk. Aynı şekilde bu stili herhangi bir ögenin sınıf (class) özniteliğine atayarak defalarca kullanabiliriz. Bu sebeple bu tür seçiciler çoğul seçici olarak da adlandırılır.