Bu html sayfasında iki farklı css yapısı tanımlanmış ve hangisinin nerede kullanacağı isminden (kimlik veya id) yararlanılarak bulunmuştur. Bu sayede istenen ifadeye istenen css yapısı atanmıştır.
Kod: Kodu kopyalamak için üzerine çift tıklayın!
<html><head>
<style type="text/css">
#content_title {
background-color:rgb(202,202,255);
color:navy;
border:thin brown dotted;
}
#css_title {
background-color:#DAFEBC;
color:green;
}
</style></head>
<body>
<p id="content_title">Kimlik Seçici <b>content_title</b></p>
<p id="css_title">Kimlik Seçici <b>css_title</b></p>
</body>
</html>