CSS Seçiciler: Tekil (ID) Seçiciler

***SynaX*** · 15-Mayıs-2025, 16:54

CSS Seçiciler: Tekil (ID) Seçiciler

Tekil seçiciler de bir tür seçicidir ama class seçiciler gibi tüm elemanlara tanımlanmazlar. Adından da anlaşılacağı üzere ID yani tek bir elemana verilecek değere uygulanırlar. Tekil seçiciler diyez ( # ) işareti ile gösterilir.

Kod

<!DOCTYPE html>

<html lang="en">

<head>

            <style>

                        #anasayfa{ background-color: blue;}

                        #hakkimizda{background-color: red;}

            </style>

</head>

<body>

            <div id="anasayfa"> burası anasayfa ID değerine sahip div elementi </div>

            <div id="hakkimizda"> Burası hakkimizda değerine sahip div elementi</div>

</body>

</html>

Yukarıdaki örnekte iki adet ID tanımlaması yapıldığını görüyorsunuz. Normalde sayfada sadece tek bir element üzerinde kullanılmalıdır ama birde fazla elementin aynı ID değerini alması herhangi bir hataya yol açmaz. Fakat standardı ve Google’ın da kabul ettiği uygulama şekli ID değerinin sadece tek parametrede kullanılmasından yanadır.

Konu Araçları
Yazdırılabilir Sürümü Göster Sayfayı E-Postayla Gönder
Görünüm Modları
Normal Mod Hibrit Moda Geç Switch to Threaded Mode

CSS Seçiciler: Tekil (ID) Seçiciler

HTML/CSS/JavaScript hakkında bilgiler, ipuçları, sorular, sorunlar ve çözümleri.

5846 sayılı Fikir ve Sanat Eserleri Kanunu gereğince sitemizde telif hakkı bulunan mp3,video v.b. eserlerin paylaşımı yasaktır. Yasal işlem olması halinde paylaşan kişi yada kişilerin bilgileri gerekli kuruma verilecektir.

Konuyu Görüntüleyen Aktif Kullanıcılar: 3 (0 üye ve 3 misafir)