HTML CSS3 Demo selettori

<html>
<head>
<title>Selettori avanzati CSS3</title>
<style>
li:first-child { background: yellow;}
p:first-of-type{font-style:italic; font-size:150%;}
*:not(p) {padding:10px;}
tr:nth-child(odd){background-color:#CCCCCC;}
</style>
<body>

<p>Il primo paragrafo &egrave; in corsivo e con font più grande</p>
<p>Il secondo paragrafo  &egrave; normale </p>
<ul><li>Uno (sfondo giallo, in quanto primo figlio)</li><li>Due</li><li>Tre</li></ul>
<table>
<caption>Tabella con righe alternate</caption>
<tr><td>Prima riga (scura)</td></tr>
<tr><td>Seconda riga (chiara)</td></tr>
<tr><td>Terza riga (scura)</td></tr>
<tr><td>Quarta riga (chiara)</td></tr>
</table>
</body>
<html>