CSS selectores Flashcards
Seleccionar elementos del tipo x
x
Seleccionar elementos de la clase x
.x
Seleccionar elementos de identificador x
x
Seleccionar todos los elementos
*
Seleccionar hipervínculos
a:link
Seleccionar enlaces visitados
a:visited
Seleccionar enlaces pulsados o sin destino
a:active
Seleccionar elementos a los que el ratón se les posa encima
:hover
Seleccionar elementos activos de formularios o enlaces
:focus
Seleccionar elementos x anidados en elementos y
y x
Seleccionar elementos x anidados como descendientes directos de elementos y
y > x
Seleccionar elemento x contiguo a elemento y
y + x
Seleccionar elementos x contiguos a elementos y
y ~ x
Seleccionar elementos con atributo x
[x]
Seleccionar elementos con atributo x valor y
[x=”y”]
Seleccionar elementos con atributo x valor que empieza por y
[x|=”y-“]
Seleccionar elementos con atributo x valor que contenga y
[x~=”y”]
Seleccionar palabras en un idioma x
:lang(x)
x es un idioma, es español, en inglés
Seleccionar primer elemento x
x:first-of-type
Seleccionar último elemento x
x:last-of-type
Seleccionar n elemento y
y:nth-of-type(n)
Seleccionar n elemento y por el final
y:nth-last-of-type(n)
Seleccionar primer elemento descendiente de un elemento x
x:first-child
Seleccionar último elemento descendiente de un elemento x
x:last-child
Seleccionar x elemento descendiente de un elemento y
y:nth-child(x)
Seleccionar n elemento descendiente por el final de un elemento y
y:nth-last-child(n)
Seleccionar la primera letra de un elemento x
x::first-letter
Seleccionar la primera línea de un elemento x
x::first-line
Seleccionar un elemento x al que insertar contenido con estilo posterior
x::after
Seleccionar un elemento x al que insertar contenido con estilo anterior
x::before
Indicar estructura de selectores x y declaración z
x, y {
z
}
