¡Así es! Y yo también puedo probarlo. Veamos algo de CSS primero:
.a {
color: red;
}
.b {
color: blue;
}Y ahora veamos algunas marcas:
<div class="a b">Here’s some text</div>El texto va a ser azul porque .b se define en último lugar en el CSS, ¿verdad? Pero, ¿qué pasa si cambiamos el orden en el que se llaman esas clases en HTML?
<div class="b a">Here’s some text</div>¿De qué color crees que debería ser el texto? ¿Rojo o azul?
Esto ciertamente puede sonar como una pregunta tonta, pero tiende a confundir a muchas personas que están familiarizadas con las soluciones CSS-in-JS. ¡Y esta semana he hablado con dos ingenieros frontales de alto nivel que también pensaron de manera similar!
Pero el texto en el ejemplo anterior siempre será azul sin importar en qué orden estén esas clases de CSS. Y eso se debe a que el marcado solo lee el CSS en el orden en que está escrito; la cascada gana en este ejemplo.