CSS Seçici Referans Kılavuzu

CSS Seçicileri

CSS Seçicileri, tarayıcıda stil uygulamak istediğiniz HTML elementlerini "bulmak" (veya seçmek) için kullanılır.

Farklı seçicileri göstermek için bizim CSS Seçici Testcisimizi kullanın.

CSS Basit Seçicileri

Basit seçiciler element adı, id ve sınıf seçicilerine göre elementleri seçer. Ayrıca, genel seçiciler de vardır (*）。

Seçici Örnek Örnek açıklaması
element p Tüm <p> elementlerini seçer.
#id #firstname id="firstname" olan elementi seçer.
* * Tüm elementleri seçer.
.class .intro class="intro" olan tüm elementleri seçer.

CSS Öznitelik Seçicileri

Öznitelik seçicileri belirli bir öznitelik kümesine sahip HTML elementlerini seçer.

Seçici Örnek Örnek açıklaması
[öznitelik] [target] target öznitelik değerine sahip tüm elementleri seçer.
[öznitelik=value] [target=_blank] target="_blank" öznitelik değerine sahip tüm elementleri seçer.
[öznitelik~=value] [title~=flower] title öznitelik değerinde "flower" kelimesini içeren tüm elementleri seçer.
[öznitelik|=value] [lang|=en] lang öznitelik değerinin "en" ile başlayan tüm elementleri seçer.
[öznitelik^=value] a[href^="https"] src öznitelik değerinin "https" ile başlayan her <a> elementini seçer.
[öznitelik$=value] a[href$=".pdf"] src öznitelik değerinin ".pdf" ile biten tüm <a> elementlerini seçer.
[öznitelik*=value] a[href*="codew3c"] href öznitelik değerinde "abc" alt dizisini içeren her <a> elementini seçer.

CSS iç içe seçici

Seçici Örnek Örnek açıklaması
& & Bir diğer elementin bağlamında elemente stil uygular