Übersicht von Styleanwendungen auf verschiedene Objekte. Es wird erklärt wie auf Class , ID , HTML Tag Styles übertragen werden. Des weiteren wird noch das :hover genauer erklärt.
Class – .class
Eine class erstellen: freestyle
.freestyle{font-size:30px;}<span class="freestyle">Hello World</span>
<span class="freestyle">Hello World</span>Mehrfach auf Objekte anwendbar.
ID – #ID
ID: freestyle
#freestyle{font-size:30px;}<span id="freestyle">Hello World</span>Es darf nur ein Element mit der selben ID existieren.
HTML-Tag – TAG
HTML-Tag: h2
h2{font-size:30px;}<h2>Hello World</h2>Dieser Style wird auf jedes h2 Element auf der Seite übertragen.
hover – STATE
a{text-decoration:none;}
a:hover{text-decoration:underline;}<a href="#">dies ist ein Link</a>