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...

Si desea saber más, le proponemos el siguiente libro:
couv_RIT35HTM.png
60-signet.svg
Versión impresa
20-ecran_lettre.svg
Versión online
41-logo_abonnement.svg
En ilimitado con la suscripción ENI
130-boutique.svg
En la tienda oficial de ENI
Anterior
Selectores de clase
Siguiente
Selectores jerárquicos