CSS Seçiciler(Selector)
Seçici |
Örnek |
Açıklama |
---|---|---|
.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. |
|
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. |
|
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. |
|
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. |
Benzer Konular:
CSS Seçicileri(Selector)-1 sayfasına ulaşmak için tıklayın
CSS Seçicileri(Selector)-2 sayfasına ulaşmak için tıklayın