X
X

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

AnasayfaYazılarCSS - HTMLCSS 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.

<!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.


Top