#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
Share this Scrolly Tale with your friends.
A Scrolly Tale is a new way to read Twitter threads with a more visually immersive experience.
Discover more beautiful Scrolly Tales like this.