CSS Selectors || CSS Seçiciler

CSS seçiciler nedir? Nasıl kullanılır?

CSS ile HTML <body></body> elementi içerisinde bulunan bütün elementler seçilebilir ve sahip olduğu tasarımlar değiştirilebilir. Bu konu uzun bir konu olduğundan kaynaklı, ilgili yazıları parçalar hâlinde yazarak, belli başlıklar altında yazmaya karar verdik. Bu başlıklarıımız sırası ile:

a) Temel Seçiciler ,
b) Kombine (Kompleks) Seçiciler ,
c) Attribute (Öz Nitelik) Seçiciler ,
d) Pseudo-class (Sözde Sınıf) Seçiciler ,
e) Pseudo-element (Sözde element) Seçiciler ,
f) "Form" Elementinin Özel Seçicileri ,
g) "A" Elementinin Özel Seçicileri ,
şeklindedir.

Yukarıdaki linklere tıklayarak, ilgili seçim yöntemlerini detaylı bir şekilde görebilirsiniz.

CSS Nasıl Kullanılır?

CSS kullanımı temelde 3'e ayrılmaktadır. Bunlar Satır içi (inline) CSS, Dahili (internal) CSS ve Harici (External) CSS şeklindedir.

Satır içi (inline) CSS

Satır içi CSS kullanımında yapılması gereken tek şey ilgili elementin içerisine girip yeni bir "attribute" değeri tanımlamak olacaktır.

<!DOCTYPE html>
<html lang="tr">
  <body>
    <h1 style="color: orange; font-size:30px;" ></h1>
   </body>
</html>

Yukarıdaki örnekte "h1" elementine satır içi CSS uygulanarak; rengi turuncuya, yazı boyutu ise 30px değerine çekilmiştir.

Satır içi CSS yapıları, doğrudan ...

Devamını görüntüle

CSS İle 'a' Elementinin Seçicileri Nelerdir?

Bu yazımız CSS seçicileri yazısının son yazısıdır. Bu yazı <a href=''></a> elementini seçmek üzerine hazırlanmış bir yazıdır. Fakat örneğin ":active" yapısı Pseudo-class Seçiciler başlığı altında tanımlanmış bir özelliktir. Fakat neticesi itibariyle en çok kullanıldığı alan <a href=''></a> elementi olması nedeniyle bu yazıda sadece <a href=''></a> elementi için nasıl kullanılıyor bunu görmeye çalışacağız.

CSS ":active" Seçicisi:

Elementin tıklanıldığı anı temsil etmektedir. Sadece "a" elementine özel değildir. Fakat en çok "a" elementi için kullanılmaktadır.

Devamını görüntüle