Örneğin bir sitedeki tüm html elemanları için bir font ailesi (font-family) seçmeniz gerekiyor, elimizdeki seçiciler ise id seçicileri, class seçicileri ve element seçicileri. CSS'te istisnasız tüm HTML elemanları için geçerli olması amacıyla kullanılan bir seçici mevcut: yıldız karakteri (*).
Tüm HTML elemanlarını seçmek için * karakteri kullanımı örneği şöyle olabilir (mesela bütün siteyi tek seferde Arial yapalım):
<head>
<meta charset="utf-8">
<title>CSS Uygulamaları</title>
<style>
* {font-family:'Arial'}
</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>
CSS'te * karakterinin bir diğer kullanımı, belirli bir id ya da sınıf değerine sahip alanların içindeki tüm elemanlar için geçerli css stilleri yazmak şeklindedir.
<head>
<meta charset="utf-8">
<title>CSS Uygulamaları</title>
<style>
.div1 * {font-family:'Arial'}
.div2 * {font-family:'monospace'}
</style>
</head>
<body>
<div class="div1">
<h2>Başlık</h1>
<p>Birinci satır</p>
<p>İkinci satır</p>
</div>
<div class="div2">
<h2>Başlık</h1>
<p>Birinci satır</p>
<p>İkinci satır</p>
</div>
</body>
