E. El selector sel1 sel2

Ejemplo

Salida

Ábrelo en otra pestaña.

Revísalo en gilpgedit.

1<!DOCTYPE html>
2<html lang="es">
3<head>
4 <meta charset="UTF-8">
5 <meta name="viewport"
6 content="width=device-width">
7 <title>
8 Selector sel1 sel2
9 </title>
10 <style>
11 /* Selecciona todos los
12 * em
13 * que sean descendientes en
14 * cualquier nivel de
15 * anidamiento de
16 * p */
17 p em {
18 background-color: yellow;
19 }
20 </style>
21</head>
22<body>
23 <h1>
24 Selector
25 <em>sel1</em>
26 <em>sel2</em>
27 </h1>
28 <p>
29 <strong>
30 Énfasis fuerte.
31 </strong>
32 <em>Énfasis.</em>
33 Más texto.
34 <span>
35 <em>Otro énfasis.</em>
36 <strong>
37 Otro énfasis fuerte.
38 </strong>
39 <span>
40 <em>Hola.</em>
41 <strong>Adios.</strong>
42 </span>
43 </span>
44 </p>
45 <footer>
46 <p>
47 <em>© 2021</em>
48 Gilberto Pacheco Gallegos.
49 </p>
50 </footer>
51</body>
52</html>
skip_previous skip_next