Índice

Selectores de identificación

El selector id, también llamado identificador id, permite aplicar una hoja de estilo (como el selector class) aunque solo se podrá invocar una única vez en el documento HTML.

El selector id permite, por tanto, identificar un elemento único en la página. Esta distinción cobra especial relieve cuando se procesa mediante JavaScript o DHTML. En efecto, id no puede emplearse más de una vez en un documento, por un único elemento, que podrá tratarse como un objeto único que se manipulará mediante JavaScript.

La definición de un selector id es:

#nombre_del_identificador {declaración(es) de estilo}

Es decir una almohadilla (#), seguida del nombre que vamos a proporcionar al identificador id, seguido de la declaración de estilo entre llaves.

Ejemplo

#rojo { background-color: red;}

Esta selección solo se podrá utilizar una única vez en el documento.

El selector así definido no tiene ningún efecto si no se invoca en el documento.

La llamada se hace mediante:

<etiqueta id="nombre_del_identificador">

Ejemplo

<div id="rojo"> ... </p>

Comentarios

  • Un identificador id no puede figurar más de una vez en el documento HTML. En caso contrario, ¡el resto del código será incorrecto!

    <p id="rojo"> ... </p> 
    ... 
    <p id="rojo"> ... </p>
    

  • Un documento puede contener varios identificadores id con nombres diferentes aunque ...