CSS seleccionador de id
En HTML se puede un id para un elemento específico. La id es única lo que le permite a CSS saber que el estilo que se aplique será específico a ese elemento y no a otro.
Para que CSS seleccione el id del elemento HTML se tiene que comenzar con el caracter de número o gato # seguido de el nombre que se le asignó al elemento HTML.
Ejemplo en HTML para agregar un id a un elemento:
<p id=parrafo1>Texto de Ejemplo con id</p>
Con base al ejemplo anterior HTML veamos cómo seleccionar desde CSS el id.
Ejemplo desde archivo CSS para seleccionar un id de un elemento HTML
#parrafo1{
text-align: center;
color: purple;
}
Ejemplo desde el elemento style entre las etiquetas del elemento head de HTML:
<head>
<style>
#parrafo1{
text-align: center;
color: purple;
}
<⁄style>
<⁄head>
El resultado sería el siguiente:
Texto de Ejemplo
Nota: Cuando se usa en CSS la selección por id al utilizar el caracter # no puede comenzar el nombre con un número.
Combinador de Selectores
Selector de Pseudoclases
Selector de Pseudoelementos
Selector de Atributos
