Equipo 4 de Constr. Pag. Web

CSS tipos de selectores

Ejemplos

Algunos ejemplos de Anatomia de CSS:
.box {
}

selectores que delimitan una clase:

a[title] { }
{
}

Los selectores de atributo:

article > p {
}

Agregar una sombra al texto:

h1 ~ p

Hermanos generales:

p::first-line {
}

Los pseudoelementos:

CSS tipos de selectores

Selectores Basicos

Regla

1. Selector de Etiqueta (Type Selector): Selecciona todos los elementos de un tipo específico.


Regla

Selector de Clase (Class Selector): Selecciona todos los elementos con una clase específica. Utiliza un punto (.) seguido del nombre de la clase.


Regla

Selector de ID (ID Selector): Selecciona un elemento con un ID específico. Utiliza una almohadilla (#) seguida del nombre del ID.


Regla

Selecciona todos los elementos listados, agrupándolos con una coma.


Regla

Selector de atributo

Los elementos en una página con el atributo especificado. img[src]Selecciona < img src="mimagen.png" > pero no < img >.


Regla

Selector de pseudoclase

Los elementos especificados, pero solo cuando esté en el estado especificado.

a:hover Selecciona < a >, pero solo cuando el puntero esté sobre el enlace.