Click a selector: Haga clic en un selector para ver qué elementos se seleccionan en el resultado:
.introducción
#Apellido
.intro, #Apellido
h1
h1, pag
división p
div > pag
ul + p
ul ~ tabla
*
p.micita
[identificación]
[id=mi-dirección]
[id$=ess]
[id|=mi]
[identificación^=L]
[título~=hermoso]
[identificación*=s]
:comprobado
:discapacitado
:activado
:vacío
:enfocar
p: primer hijo
p::primera letra
p::primera linea
p: primero de tipo
h1: flotar
entrada: dentro del rango
entrada: fuera de rango
entrada: no válido
entrada: válido
p:lang(it)
p: último hijo
p: último tipo
tr: nth-child (par)
tr:nésimo hijo(impar)
li:nth-child(1)
li:n-ésimo-último-hijo(1)
li:nth-of-type(2)
li:n-ésimo-último-de-tipo(2)
b: hijo único
h3: solo de tipo
:raíz
Resultado:

<h1> Bienvenido a Mi página de inicio </h1>

<div class="intro">

<p> Mi nombre es Donald <span id="Apellido"> Pato. </span> </p>

<p id="my-Address"> Vivo en Duckburg </p>

<p> Tengo muchos amigos: </p>

</div>

<ul id="Lista de amigos>
  • <li> tonto </li>
  • <li> Mickey </li>
  • <li> Margarita </li>
  • <li> Plutón </li>
</ul>

    <p class="myquote"> ¡ Todos mis amigos son geniales! <br>
    ¡¡Pero me gusta mucho Daisy!! </p>

    <p lang="it" title="Hola hermosa"> Ciao bella </p>

    <h3> ¡Todos somos animales! </h3>

    <p> <b> Mis últimos descubrimientos me han llevado a creer que todos somos animales: </b> </p>

    <tabla>
      Nombre Tipo de animal
      mickey Ratón
      bobo Perro
      Margarita Pato
      Plutón Perro
      </tabla>

      Haga clic en los selectores de CSS y vea cómo se seleccionan los elementos especificados. © w3schools.com