Bir CSS Kodunu Sadece Seçtiğimiz Elemente Uygulama

Merhaba arkadaşlar, web dillerinden devam ediyoruz. Bugün sizlere bir CSS stilini sadece seçtiğimiz elementler de kullanılabilir yapmayı anlatacağım umarım yararlı bir yazı olur. Size öncelikle bir div ve stilin nasıl işe oluşturulduklarını göstereceğim daha sonra ise konumuza geçeceğiz.

<div class="css">aerakman</div>

Yukarıdaki div elementi içinde yer alan class="css", o div elementi için CSS özellikleri belirtmemizi sağlayan bir yoldur. CSS kodlarımızı içeren dosyamızda şu ifade varsa geçerlidir:

.css {
      font: 15px Tahoma, Verdana;
      color: gray;
   }

Nokta (.) ile başlayan bir stil oluşturduk ve adını css olarak verdik. Bu demek oluyor ki class="css" ile belirttiğimiz tüm elementler 15 piksel büyüklüğünde Tahoma yazı tipi ve gri(gray) renginde olacaktır.

Ancak başlıkta da belirttiğim özelliği kullanarak yukarıda ki stil de vermiş olduğum özellikleri seçtiğimiz tek bir element de gerçekleştirebiliriz. Bunun için:

Örneğin, sadece div elementlerin de geçerli olmasını istiyorsak,

div.css {
      font: 10pt Tahoma, Verdana;
      color: blue;
   }

.css olarak adlandırdığımız kodumuzun başına div getirmemiz yeterli olacaktır. Bu sayede .css isimli CSS kodu sadece div elementlerin de geçerli olacaktır.