On peut aussi composer des sélecteurs en les accolant. Regardons ça sur un exemple:
<h1 class="actu">Mon titre</h1><p class="actu"> <strong class="actu">abc</strong> defg <a href="...">un lien </a></p>
Par exemple, imaginons qu'il y ait de nombreux types d'éléments (des "p" des "h1" ...) ayant tous une même classe "actu". On pourrait alors sélectionner uniquement les paragraphes ayant la classe "actu" comme ceci: p.actu { color: red;} (remarquez: il n'y a pas d'espace entre "p" et ".actu")"p.actu" veut dire : les éléments à la fois de type "p" et appartenant à la classe "actu" et ensuite on pourrait continuer, par exemple en spécifiant une relation de descendance: p.actu a { color: red;} qui veut dire : les éléments "a" contenus dans des paragraphes de classe "actu" seront en rouge Ce genre d'approche est très utilisée en pratique.
On peut faire la même chose avec les id:ul#menu { color: red;}
Comme il n'y a qu'un seul élément avec id="menu", ceci peut paraître redondant. Mais il y a des situations où c'est utile.