Selectores CSS son usados para seleccionar el contenido al que deseas darle estilo . Los selectores son parte del conjunto de reglas CSS. Los selectores CSS seleccionan elementos HTML según su identificación, clase, tipo, atributo, etc.
Hay varios tipos diferentes de selectores en CSS.
- Selector de elementos CSS
- Selector de identificación CSS
- Selector de clases CSS
- Selector universal CSS
- Selector de grupo CSS
1) Selector de elementos CSS
El selector de elementos selecciona el elemento HTML por su nombre.
contiene en cadena
p{ text-align: center; color: blue; } <p>This style will be applied on every paragraph.</p> <p id="para1">Me too!</p> <p>And me!</p> Pruébalo ahora Producción:
Este estilo se aplicará en cada párrafo.
¡Yo también!
¡Y yo!
2) Selector de identificación CSS
El selector de identificación selecciona el atributo de identificación de un elemento HTML para seleccionar un elemento específico. Una identificación siempre es única dentro de la página, por lo que se elige para seleccionar un elemento único y único.
Se escribe con el carácter almohadilla (#), seguido del id del elemento.
np estándar
Tomemos un ejemplo con el id 'para1'.
#para1 { text-align: center; color: blue; } <p id="para1">Hello Javatpoint.com</p> <p>This paragraph will not be affected.</p> Pruébalo ahora Producción:
Hola javatpoint.com
Este párrafo no se verá afectado.
3) Selector de clases CSS
El selector de clases selecciona elementos HTML con un atributo de clase específico. Se utiliza con carácter de punto. (símbolo de punto) seguido del nombre de la clase.
tutorial de selenio java
Nota: El nombre de una clase no debe comenzar con un número.
Tomemos un ejemplo con una clase 'centro'.
.center { text-align: center; color: blue; } <h2>Hello Javatpoint.com (In smaller font)</h2> <p>This is a paragraph.</p> Pruébalo ahora Producción:
Hola javatpoint.com
Hola Javatpoint.com (En letra más pequeña)
Este es un párrafo.