CSS seçiciler (selectors), HTML etiketlerine stil uygulamak için kullanılır 2. Temel CSS seçiciler şunlardır:
- Universal (Evrensel) Seçici (*): Sayfadaki tüm HTML öğelerini seçer 12. Örnek:
* { box-sizing: border-box; }
1. - Type (Tür) Seçici: Doğrudan HTML öğesini eşleştirmek için kullanılır 1. Örnek:
div { padding: 1rem; }
1. - Class Seçici (.): Belirli bir class özelliğine sahip öğeleri seçer 34. Örnek:
.menu { font-family: Arial, sans-serif; }
4. - ID Seçici (#): Belirli bir öğenin ID özelliğini kullanarak bu öğeyi seçer 34. Örnek:
#header { background-color: #333; color: white; }
4. - Attribute (Öznitelik) Seçici: CSS özelliği, HTML etiketinin nitelikleriyle uygulanır 1. Örnek:
[target="_blank"] { color: red; }
1. - Grouping (Grup) Seçici: Aynı stil tanımlarına sahip tüm HTML öğelerini seçer 12. Örnek:
h1, h2, p { text-align: center; color: blue; }
2.
5 kaynaktan alınan bilgiyle göre: