Click a selector: Cliquez sur un sélecteur pour voir quel(s) élément(s) est sélectionné(s) dans le résultat :
.intro
#Nom de famille
.intro, #Nom
h1
h1, p
div p
div > p
ul + p
ul ~ table
*
p.myquote
[identifiant]
[id=mon-adresse]
[id$=ess]
[identifiant|=mon]
[id^=L]
[titre~=magnifique]
[identifiant*=s]
:vérifié
:désactivée
:activée
:vide
:concentrer
p:premier-enfant
p :: première-lettre
p :: première ligne
p : premier du type
h1: survol
entrée:dans la plage
entrée:hors plage
entrée:invalide
entrée:valide
p:lang(it)
p:dernier-enfant
p:dernier du type
tr:nième-enfant(pair)
tr:nième-enfant(impair)
li:nth-enfant(1)
li:nième-dernier-enfant(1)
li:nth-of-type(2)
li:nth-last-of-type(2)
b:enfant unique
h3 : uniquement de type
:racine
Résultat:

<h1> Bienvenue sur ma page d'accueil </h1>

<div class="intro">

<p> Je m'appelle Donald <span id="Lastname"> Canard. </span> </p>

<p id="my-Address"> J'habite à Duckburg </p>

<p> J'ai beaucoup d'amis : </p>

</div>

<ul id="Liste d'amis>
  • <li> Dingo </li>
  • <li> Mickey </li>
  • <li> Marguerite </li>
  • <li> Pluton </li>
</ul>

    <p class="myquote"> Tous mes amis sont super ! <br>
    Mais j'aime beaucoup Daisy !! </p>

    <p lang="it" title="Bonjour belle"> Ciao bella </p>

    <h3> Nous sommes tous des animaux ! </h3>

    <p> <b> Mes dernières découvertes m'ont amené à croire que nous sommes tous des animaux : </b> </p>

    <tableau>
      Nom Type d'animal
      Mickey Souris
      Dingo Chien
      Marguerite Canard
      Pluton Chien
      </table>

      Cliquez sur les sélecteurs CSS et voyez le ou les éléments spécifiés sélectionnés. © w3schools.com