CSS, belgedeki hangi öğeye hangi stilin uygulanacağını belirlemek için desen eşleştirme kurallarına dayanır. Bu desenlere seçiciler ve etiket adlarından değişir (örneğin, p
paragraf etiketlerini bir belgenin çok belirli bölümleriyle eşleşen çok karmaşık desenlerle eşleştirmek için. Örneğin, p # myid> b.highlight
herhangi bir b ile eşleşir
bir vurgu sınıfıyla etiketleyin
myi kimliğine sahip paragrafın alt öğesi
Bir CSS seçici, bir CSS stil çağrısının, web sayfasının hangi kısmına stil uygulanacağını tanımlayan bölümüdür. Seçici, seçilen HTML türünün = “kod”>
CSS Seçiciler
Birkaç farklı seçici türü vardır:
- tür seçiciler – belirli bir öğeyle eşleştirme
- sınıf seçiciler – öğeleri belirli bir sınıfla eşleştirme
- Kimlik seçiciler – öğeyi belirli bir kimlikle eşleştirme
- alt seçiciler – belirli bir öğenin soyundan gelen eşleşen öğeler
- alt seçiciler – belirli öğenin alt öğesi olan eşleşen öğeler
- evrensel seçiciler – herhangi bir öğeyle eşleşen
- bitişik kardeş seçiciler – belirli bir öğeden hemen önce gelen eşleşen öğeler
- öznitelik seçiciler – belirli bir öznitelik veya öznitelik değerine sahip öğeleri eşleştirme
- sözde sınıf seçiciler – öğeleri belirli bir sözde sınıfla eşleştirme
- sözde öğe seçicileri – belirli sözde öğe özelliklerine sahip öğeleri eşleştirme
CSS Stillerini ve CSS Seçicilerini Biçimlendirme
Bir CSS stilinin formatı şu şekildedir: selector {style özelliği: style; }
type = “code”> Aynı stile sahip birden çok seçiciyi virgülle ayırın. Buna seçici gruplama denir. Örneğin: selector1, selector2 {stil özelliği: stil; }
type = “code”> Gruplama seçicileri, CSS stillerinizi kompakt tutmak için kullanılan bir kestirme mekanizmadır. Yukarıdaki gruplama şununla aynı etkiye sahip olacaktır: selector1 {style özelliği: style; }
selector2 {stil özelliği: stil; }
tür = “kod”>
CSS Seçicilerinizi Daima Test Edin
Tüm eski tarayıcılar tüm CSS seçicilerini desteklemez. CSS’yi IE8 veya daha eski tarayıcılarla kullanmak için kuruyorsanız, seçicilerinizi kodunuza erişmek için kullanılabileceğini düşündüğünüz sayıda işletim sisteminde çok sayıda tarayıcıda test ettiğinizden emin olun. Mevcut tarayıcılarla kullanmak için CSS1, CSS2 veya CSS3 seçicileri kullanıyorsanız, iyi olmalısınız.
Biçim mla apa chicago Alıntıınız
Kyrnin, Jennifer. “CSS Seçici Nedir?” ThoughtCo, Mayıs. 14, 2021, thinkco.com/what-is-a-css-selector-3467058.
Kyrnin, Jennifer. (2021, 14 Mayıs). CSS Seçici Nedir? Https://www.thoughtco.com/what-is-a-css-selector-3467058 adresinden erişildi
Kyrnin, Jennifer. “CSS Seçici Nedir?” ThoughtCo. https://www.thoughtco.com/what-is-a-css-selector-3467058 (22 Mayıs 2021’de erişildi).
