Yazdığımız CSS kodları ile HTML sayfasındaki belirli ID değerlerine sahip Html elemanlarını ve class'lara sahip Html elemanlarını seçebildiğimize göre koca bir internet sitesindeki hemen her etikete hızlıca kod yazabilir hale geldik. Peki bir sitedeki binlerce sayfadaki her bir h1 etiketini bold yapmak için ya da p etiketinin font büyüklüğünü 8px yapmak için teker teker tümüne class mı yazmamız gerekiyor? Elbette hayır, css ile html etiketlerine (element) doğrudan stil kodları yazabiliriz.
<head>
<meta charset="utf-8">
<title>CSS Uygulamaları</title>
<style>
h1 {font-weight:bold}
p {font-size:8px}
</style>
</head>
<body>
<h1>Başlık</h1>
<p>Birinci satır</p>
<p>İkinci satır</p>
</body>
CSS ile bir class'a sahip bir div'in altındaki tüm p etiketlerine stil yazmak için aşağıdaki gibi bir CSS kodu da yazabiliriz.
<head>
<meta charset="utf-8">
<title>CSS Uygulamaları</title>
<style>
#div1 h2 {font-weight:bold}
.ortala h2 {text-align:center}
#div1 p, .ortala p {font-size:8px; text-align:center}
</style>
</head>
<body>
<div id="div1">
<h2>Başlık</h1>
<p>Birinci satır</p>
<p>İkinci satır</p>
</div>
<div class="ortala">
<h2>Başlık</h1>
<p>Birinci satır</p>
<p>İkinci satır</p>
</div>
<div>
<h2>Başlık</h1>
<p>Birinci satır</p>
<p>İkinci satır</p>
</div>
</body>
