Una forma simple de selector es el selector de tipo, que consiste en usar el tipo de un elemento. Hace que una regla se aplique a todos los elementos de ese tipo.
La definición de una selector de tipo está en https://www.w3.org/TR/selectors-3/#type-selectors
1 | <head> |
2 | <style> |
3 | /* El selector |
4 | * h1 |
5 | * hace que las propiedades de |
6 | * esta regla se apliquen a todos |
7 | * los elementos de tipo |
8 | * h1. */ |
9 | h1 { |
10 | color: yellow; |
11 | background-color: blue; |
12 | } |
13 | |
14 | /* El selector |
15 | * p |
16 | * hace que las propiedades de |
17 | * esta regla se apliquen a todos |
18 | * los elementos de tipo |
19 | * p. */ |
20 | p { |
21 | color: white; |
22 | background-color: black; |
23 | } |
24 | </style> |
25 | </head> |
26 | <body> |
27 | <!-- Las reglas con el selector |
28 | h1 |
29 | se aplican a este elemento. --> |
30 | <body> |
31 | <h1>CSS</h1> |
32 | <!-- Las reglas con el selector |
33 | p |
34 | se aplican a este elemento. --> |
35 | <p>Este es un ejemplo.</p> |
36 | <!-- Las reglas con el selector |
37 | p |
38 | se aplican a este elemento. --> |
39 | <p>Aprende CSS.</p> |
40 | <h2>Subsección</h2> |
41 | <!-- Las reglas con el selector |
42 | p |
43 | se aplican a este elemento. --> |
44 | <p>Juega con colores.</p> |
45 | <footer> |
46 | <!-- Las reglas con el selector |
47 | p |
48 | se aplican a este elemento. --> |
49 | <p> |
50 | © 2021 |
51 | Gilberto Pacheco Gallegos. |
52 | </p> |
53 | </footer> |
54 | </body> |