Używanie wyjątków CSS
Arkusze stylów i klasy umożliwiają np. tworzenie niepodkreślonych odnośników w białym kolorze. Co jednak zrobić kiedy na stronie ma być wyświetlonych 10 niepodkreślonych odnośników i 1 podkreślony (także w białym kolorze)? Wtedy należałoby stworzyć oddzielną klasę. Łatwiej jest jednak skorzystać z wyjątków. Trzeba zdefiniować wyjątek dla tego jednego odnośnika według schematu:
#Nazwa_wyjątku { właściwość: wartość }
Aby zastosować wyjątek do polecenia trzeba dodać odpowiedni parametr:
<POLECENIE CLASS="Nazwa_kalsy" ID="Nazwa_wyjątku">.
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=windows-1250">
<STYLE TYPE="text/css">
<!--
H1.naglowek { color: yellow; font-size: 14pt }
A.bezpodkreslenia { text-decoration: none; color: white}
#wyjatek1 { text-decoration: underline }
#wyjatek2 { color: black; font-size: 16pt }
-->
</STYLE>
</HEAD>
<BODY BGCOLOR="#6FB20F">
<H1 CLASS="naglowek">Ten nagłówek jest żółty dzięki klasie naglowek.</H1>
<H1 CLASS="naglowek">Ten nagłówek jest żółty dzięki klasie naglowek.</H1>
<H1 CLASS="naglowek" ID="wyjatek2">Ten zaś jest wyjątkiem i ma kolor czarny</H1>
<H1 CLASS="naglowek">Ten nagłówek jest żółty dzięki klasie naglowek.</H1>
<H1 CLASS="naglowek">Ten nagłówek jest żółty dzięki klasie naglowek.</H1>
<A CLASS="bezpodkreslenia" HREF="javascript: window.close()">Odnośnik</A><BR>
<A CLASS="bezpodkreslenia" HREF="javascript: window.close()">Odnośnik</A><BR>
<A CLASS="bezpodkreslenia" HREF="javascript: window.close()">Odnośnik</A><BR>
<A CLASS="bezpodkreslenia" ID="wyjatek1" HREF="javascript: window.close()">Tym razem podkreślony</A><BR>
<A CLASS="bezpodkreslenia" HREF="javascript: window.close()">Odnośnik</A><BR>
</BODY>
</HTML>