CSS'de SEÇİCİ nedir, SEÇİLTİCİ nedir, arasındaki fark nedir?

[volkantash]

CSS'de seçiciler vardır. Bunlar HTML'de olan değerleri seçmeyi ve CSS'de tanımlanmış değerlerin yüklenmesi için kullanılır.

Örneğin ben class değerleri içinde "sarı" değeri olan bir öğe var ise yerarkası rengini sarı yapacağım. Bunun için şöyle bir şey yaparım.

<div class="ana-alan sarı-yerarkası"></div>

[class*="sarı"]{
background-color: yellow;
}

"SEÇİLTİCİ nedir?" sorusunu yanıtlayayım. Ne yazık ki CSS'nin seçicileri yetersiz kalabiliyor. Yukarıdaki örnekte sarı-yerarkası yazılı olduğunu gördünüz. Bunun yerine sarı-yazı yazmış olsaydık yine yerarkasını sarıya boyayacaktık. Ancak bizim amacımız yazıyı sarıya boyamaktı. İşte bu durumlarda daha odaklı bir seçme yapabilmemiz gerekmektedir. Seçilebilirliği arttırmalıyız. Burada seçilme işini yaptıran bir şey var ise buna seçiltici diyebiliriz. İnsan düşünüyor. Seçtirici de diyebilirdik. Niye seçiltici diyoruz. Burada Türkçeyi iyi anlamak gerek. Seçtirmek seçme işini yaptırmak. Bizim işimiz bu değil. Seçilebilmeyi sağlamak işimiz. Burada da yardımcı olan şeyler gerekir. İşte bunlara seçiltici diyorum.

Seçilticiler html tarafında CSS'nin var olan seçici özelliklerine uyumlu ve onların yapamadığını yapabilmesi için oluşturulan bir değerdir. Yerarkasının sarı olmasını istemeyip yazının sarı olmasını istememiz durumunda seçicide değeri şöyle yazmak gerek.

[class*="sarı-yerarkası"]{
background-color: yellow;
}
[class*="sarı-yazı"]{
color: yellow;
}

Böylece birbirine karışmayan bir seçiş ile işi çözebiliriz. Evet burada seçilticiler "-yerarkası" ile "-yazı" değerleridir. Bu anlayabilmeniz için yazdığım yüzeysel bir örnek. İşin derinliklerinde bu konu daha belli olur. SEÇİLTİCİ demenin kısaca CSS seçicilerini daha etkin kullanabilmeye yarayan her türlü çözüm öğeleri demek olduğunu bilmeniz şimdilik yeter.

Karma karışık bir dil ile anlatmışsam bağışlayınız.