CSS Seçiciler(Selector)

.deneme

class = ” deneme” tüm nesneleri seçer.

#isim

id=”isim” id elementini seçer.

*

Tüm öğeleri seçer.

p

Tüm “p” elementini seçer.

element,element

element element

div, p

“div” elementi içerisindeki tüm “P” elementini seçer.

div > p

“div” elementi içindeki tüm çocuk “p” elementleri seçer.

div + p

“div” elementin hemen sonra gelen tüm elementleri seçer.

p ~ ul

“p” elementi önündeki “ul” elementini seçer.

[target]

Target niteliğindeki tüm ögeleri seçer.

[target=_blank]

target=_blank niteliği içeirisindeki tüm elementleri seçer. 

[title~=lifetr]

Başlığı lifetr olan tüm elementleri seçer.

[lang|=en]

Lang değeri en ile başlayan elementleri seçer.

a[href^=”https”]

“https” değeri ile başlayan tüm “a” elementlerini seçer.

a[href$=”.docx”]

“docx” değeri ile başlayan tüm “a” elementlerini seçer.

a[href*=”lifetr”]

href değeri “lifetr” içeren tüm “a” elementlerini seçer.

a:active

Aktif linkleri seçer.

p::after

“P” elementi sonuna öge ekler.

p::before

“P” elementi önüne öge ekler.

input:checked

İşaretlenen “input” elementini seçer.

input:disabled

Engelli “input” elementini seçmek için kullanılır.

p:empty

Tüm“p” elementlerini seçmek içi kullanılır.

p:enabled

Etkin “input” elementlerini seçer. .

p:first-child

içerik içerisindeki ilk “p” elementini seçmek için kullanılır.

p::first-letter

Tüm “p” elementlerinin ilk harfini seçmek için kullanılır.

p::first-line

Tüm“p” elementlerinin ilk satırını seçmek için kullanılır.

p:first-of-type

“p” elementlerinden 1. olanı seçer.

input:focus

Odaklanan “input” elementini seçer

a:hover

Fare imlecinin üzerinde bulunduğu “a” elementini seçer.

input:in-range

Belirli aralık içerisindeki“input” elementlerini seçer

input:invalid

Geçersiz değere sahip “input” elementlerini seçmek için kullanılır.

p:lang(en)

tüm “p” elementleri için “lang” değerini “en” yapar.

p:last-child

İçerikteki son “p” elementini seçer.

p:last-of-type

“p” elementleri içerisinde sonuncuyu seçer.

a:link

Tüm linkleri seçer.

:not(p)

“p” elementi haricindeki elementleri seçer.

:nth-child(n)

:nth-of-type(n)

p:nth-child(2)

ikinci sıradaki “p” elementi seçilir..

p:nth-last-child(2)

Sondan ikinci “p” elementi- seçilir.

p:nth-last-of-type(2)

 “p” elementinde sondan ikinci ögeyi seçer.

p:only-of-type

Tek olan elementi seçer.

:only-child

:optional

p:only-child

Tek çocuk seçicidir.

input:out-of-range

Bir aralık dışındaki değere sahip “input” ögelerini seçer.

input:read-only

Belirli bir “input” elementini seçer.

input:read-write

Yazılabilir-okunabilir nesneleri seçer.

input:required

Gerekli input elementlerini seçer.

:root

Bir dökümanın kök ögesini seçer.

::selection

Kullanıcının seçtiği elementi seçer.

#haber:target

Haber geçen bir URL tıklandığında #haber elementini seçer.

input:valid

Doğru değere sahip tüm “input” elementlerini seçer.

a:visited

Ziyaret edimiş “a” ögelerini seçer.