CSS Seçici (Selector) İşlemleri

CSS Seçici Nedir? Seçici Türleri Nelerdir?

1

CSS seçiciler (selectors), HTML belgesinde belirli öğeleri hedeflemek ve bu öğelere stil uygulamak için kullanılan ifadelerdir. CSS seçicileri, belirli bir öğe veya öğe grubunu seçmek için kullanılır. İşte yaygın olarak kullanılan CSS seçici türleri:

Devamını Oku

CSS Komut Seçici

2

CSS class seçicileri, bir veya birden çok HTML öğesine aynı stili uygulamak için kullanılır. Bu, belirli bir grup öğeyi seçmek ve onlara özel bir görünüm kazandırmak için kullanışlıdır.

Devamını Oku

CSS Grup Seçici

3

CSS grup seçicileri, birbirine benzer özelliklere sahip birden fazla HTML öğesine aynı stili uygulamak için kullanılır. Grup seçicileri, bir veya daha fazla seçiciyi virgülle ayırarak gruplamak suretiyle oluşturulur.

Devamını Oku

CSS Evrensel Seçici

4

CSS evrensel seçici (*), tüm HTML öğelerini seçmek için kullanılır. Bu seçici, belirli bir öğe türüne veya sınıfa ihtiyaç duyulmadan tüm öğeleri hedefler. Örneğin, tüm HTML öğelerine varsayılan bir kenarlık ve iç boşluk tanımlamak için evrensel seçici kullanabiliriz:

Devamını Oku

CSS Tekil (id) Seçici

5

Tekil (ID) seçici, bir HTML öğesine özel bir stili uygulamak için kullanılır. ID'ler, belirli bir öğeyi diğerlerinden ayırmak ve benzersiz bir kimlik atamak için kullanılır.

Devamını Oku

CSS Sınıf (class) Seçici

6

CSS sınıf (class) seçici, belirli bir stile sahip olan ve HTML öğeleri arasında paylaşılan özelliklere sahip grupları seçmek için kullanılır. Bir sınıf, HTML öğelerine class özelliği ekleyerek atanır.

Devamını Oku

CSS Komut ve Sınıf Seçici

7

CSS'te "komut seçici" ifadesi genellikle kullanılan bir terim değildir. Belki de "element" veya "class" seçicilerini ifade etmek istiyorsunuz. Bu nedenle, hem element seçicisi hem de sınıf seçicisi ile ilgili bilgi vereceğim.

Devamını Oku

CSS Durum Seçici (Pseudo Class)

8

CSS durum seçicileri (pseudo-classes), belirli durumlarda bir HTML öğesini seçmek için kullanılır. Durum seçicileri, öğenin içinde bulunduğu duruma veya kullanıcı etkileşimine bağlı olarak özel stiller uygulamak için kullanılır.

Devamını Oku

CSS Kısmi Seçici (Pseudo Elements)

9

CSS kısmi seçiciler (pseudo-elements), belirli bir öğenin belirli kısımlarını seçmek için kullanılır. Kısmi seçiciler, öğenin içindeki belirli bir bölümü hedeflemek için kullanılır ve öğenin belirli bir durumunu temsil edebilir.

Devamını Oku

CSS Özellik (property) Seçiciler

10

CSS özellik (property) seçicileri, belirli bir özellik durumunda olan öğeleri seçmek için kullanılan seçicilerdir. Bu tür seçiciler, bir öğenin belirli bir durumunda veya özelliğinde olduğunda stil uygulamak için kullanılır.

Devamını Oku

CSS Basit ve Karmaşık Seçici Örnekleri

11

CSS'de basit ve karmaşık seçici örneklerini aşağıda bulabilirsiniz:

Devamını Oku

CSS Dersleri