imagen

CSS Snippet

Las cosas básicas de CSS que siempre usamos y que siempre olvidamos...

Selectores por elemento

/* Universal  */
* {
}

/* tag (elemento)*/
div {
}

/* Clase*/
.menu {
}

/* ID*/
#miId {
}

/* Hijos*/
p > span {
}
.menu > div {
}
#menu > span > i {
}

/* Adyacentes*/
elemento1 + elemento2 {
}
#menu + #menu2 {
}

Selectores por atributos

/*odos los elementos que tengan el atributo indicado (independiente de su valor)*/
*/ selector[atributo] {
}

/* Todos los elementos que tengan el atributo indicado y cuyo valor sea = valor*/
selector[atributo="valor"] {
}

/* Todos los elementos que tengan el atributo indicado  en el que al menos uno de sus valores sea "valor1" */
selector[atributo~="valor1"] {
}

/* Todos los elementos que tengan el atributo indicado y cuyo valor empiece por “es”*/
selector[atributo|="”es”"] {
}

/* selecciona todos los elementos que disponen de ese atributo y cuyo valor comienza exactamente por la cadena de texto indicada. */
elemento[atributo^="valor"] {
}

/* selecciona todos los elementos que disponen de ese atributo y cuyo valor termina exactamente por la cadena de texto indicada. */
elemento[atributo$="valor"] {
}

/* selecciona todos los elementos que disponen de ese atributo y cuyo valor contiene la cadena de texto indicada. */
elemento[atributo*="valor"] {
}