ID seçiciler
Coddy'nin CSS Seçicileri kursunda ders 5 / 15.
Bir ID seçicisi, belirli bir ID özniteliğine sahip öğeleri seçen bir CSS seçici türüdür. ID özniteliği, HTML öğelerini benzersiz bir şekilde tanımlamak için ekleyebileceğiniz özel bir özniteliktir.
Belirli bir ID'ye sahip öğeleri seçmek için, ID değerinden önce bir diyez (#) sembolü kullanırsınız. Örneğin, #my-id seçicisi, my-id ID'sine sahip öğeyi seçer.
İşte bir web sayfasını stillendirmek için ID seçicisinin nasıl kullanılacağına dair bir örnek:
#my-id {
color: red;
font-size: 2em;
}Bir öğeye id eklemek için şunu yazın:
<div id="my-id"></div>Tıpkı Sınıf (Class) seçicileri gibi, bu CSS kuralı my-id ID'sine sahip öğeyi kırmızı renkte ve 2em yazı boyutunda olacak şekilde stillendirecektir.
Görev
Kolayİşte ID seçicileri hakkındaki anlayışınızı test etmek için bir alıştırma:
- İki
divöğesi içeren bir web sayfası oluşturun. - İlk
divöğesinemy-idkimliğini (ID) verin. my-idkimliğine sahipdivöğesini siyah dışında herhangi bir renkte ve 30px yazı tipi boyutunda olacak şekilde stillendirmek için bir ID seçici kullanın.
Kendin dene
<html>
<head>
<title>ID Selector Exercise</title>
<style>
/* CSS Code goes here */
</style>
</head>
<body>
</body>
</html>