Читать книгу El gran libro de HTML5, CSS3 y Javascript - Diego Gauchat Juan - Страница 56

El atributo id es más bien un nombre, una identificación del elemento. Por este motivo el valor de este atributo no puede ser duplicado, pues perdería su sentido: este nombre debe ser único en todo el documento. Para hacer referencia a un elemento en particular del documento HTML mediante el atributo id desde nuestro archivo CSS, la regla debe ser declarada con el signo almohadilla (#) delante del valor de identificación.

Código 2-10

Crear referencia mediante el valor del atributo id.

La regla en el Código 2-10 se aplica al elemento HTML identificado por el atributo id=“texto1”. Ahora podemos modificar nuestro documento HTML de ejemplo con este código:

Código 2-11

Identificar el elemento <p> por su atributo id.

El resultado es que cada vez que hacemos una referencia utilizando la identificación texto1 en nuestro archivo CSS, el elemento con ese valor id será modificado, pero el resto de los elementos <p>, o cualquier otro elemento en el documento, no se verá afectado. Es una forma extremadamente específica de hacer referencia a un elemento y se utiliza habitualmente para elementos generales, tales como etiquetas estructurales. De hecho, el atributo id es más adecuado para hacer referencias a los elementos de Javascript, como veremos más adelante.