Me encuentro aprendiendo CSS y estoy viendo un poco de selectores. Los he entendido bastante bien, salvo por este que no me queda bastante claro su uso en comparación a los otros. Agradecería su ayuda.
Les muestro mi código CSS y donde es que tengo la duda
[href="https://www.facebook.com"]{ /* Esto para hacerlo con un atributo
y valor especifico */
background-color: mintcream;
}
[href^="color"]{ /* Se pintará todo lo que empiece con la palabra color */
background-color: yellow;
}
[href*="Verde"]{ /* Si tiene el valor que indicamos, lo va a seleccionar */
background-color: green;
}
[href$="blanco"]{ /* va a seleccionar todos los href que terminen en "blanco" */
background-color: white;
}
[lang|="en"]{
background-color: hotpink;
}
El que no me queda muy claro es el último, el único que no tengo documentado, no lo entendí muy bien. El contexto en el que lo estoy utilizando es un lorem ipsum en un párrafo
<p lang="en">Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus laboriosam aliquam, doloribus laborum voluptatem aliquid architecto odio illum doloremque, dicta totam praesentium necessitatibus, quis eligendi in debitis soluta quidem accusamus?</p>
Muchas gracias.