Thread by @fmontes

#CSS puede ser un poco difícil, pero no cuando entiendes las bases.

😍 Te explico: "Selectores parciales"

❤️ RT para que tus amigos lo vea

🧵 THREAD

Se llaman "Selectores Parciales" te permite seleccionar elementos haciendo match parcial o completo del valor de sus atributos.

Para aplicarlos se usan [] y dentro el nombre del atributo y el valor.

Empecemos con el más común "igual" y se representa con el símbolo = .

Seleccionamos un elemento que tenga el atributo "lang" con el valor igual a "en-US".

Ahora vamos a seleccionar cuando el valor del atributo comience con "algo", y para eso usamos ^=

Entonces aquí seleccionamos todos los elementos que tengan un id con un valor que comience con "panel-".

Ahora al contrario, seleccionamos cuando el valor del atributo termine con "algo" y para ese usamos $=

Entonces aquí seleccionamos todos los elementos que tengan un id con un valor que termine con "-dialog".

Y finalmente, seleccionamos cuando el valor del atributo contiene "algo" en cualquier posición y para ese usamos *=

Aquí seleccionamos todos los elementos que contengan la palabra "product" en el valor de su id.

Para resumir, es seleccionar con los "operadores"

= igual
$= termina con
^= comienza con
*= contiene

❤️ Si te gustó ayúdame con un RT al primer tweet.

Si quieres lucirte en las entrevistas tengo dos libros que te ayudan: fmontes.com/99 o 99.tips

🌅 En mi Instagram comparto tips sobre diseño, desarrollo y empleos.

instagram.com/fmontes