Im folgenden Beispiel wird davon ausgegangen, dass eine Formatdefinition für p-Elemente (Absätze) existiert. Mit der Syntax p[align] werden alle p-Elemente erfasst, die ein align-Attribut haben. Mit p[align=center] werden alle p-Elemente erfasst, die ein align=„center“ im einleitenden Tag haben. Mit td[abbr~=Berlin] werden alle Tabellenzellen des Typs td erfasst, die ein Attribut abbr besitzen und bei denen in der Wertzuweisung an dieses Attribut das Wort Berlin vorkommt.

p[align]
p[align="center"]
td[abbr~=Berlin]

<html>
<head>
<style type="text/css">
/* für einzelne Tags */
p[align] { color: #FF0000; }
p[align="center"] { color: #00FF00; }
td[abbr="Berlin"] { color: #0000FF; }
</style>
</head>
 
<body>
 
<h1>My CSS web page!</h1>
<p>Hello world! This is a W3Schools.com example.</p>
<p align="right">right Hello world! This is a W3Schools.com example.</p>
<p align="center">center Hello world! This is a W3Schools.com example.</p>
<table>
<tr>
<td abbr="Berlin">berlin Hello world! This is a W3Schools.com example.</td>
</tr>
</table>
</body>
</html>

Attributbedingte Formate