Me gustaría saber cuál de los siguientes ejemplos tendrá un mejor rendimiento. Si el rendimiento es el mismo, ¿cuál lee mejor? (Selectores de Repetición)¿Qué es más rápido: repetir estilos o repetir selectores?
Ejemplo 1
.helpfulCommenter, .questionTroll { color: #f00; }
.questionTroll { text-decoration: line-through; }
o
(estilos Repetición)Ejemplo 2
.helpfulCommenter { color: #f00; }
.questionTroll { color: #f00; text-decoration: line-through; }
I saben los nombres de clase son no semántica y los estilos particulares que se muestran aquí son irrelevantes. Solo quiero saber cuáles de estos navegadores tienen un tiempo más fácil de analizar e implementar.
El rendimiento de esto probablemente varía entre navegadores y depende en gran medida de la cantidad de elementos y selectores que tenga. Sin embargo, en última instancia, la diferencia de rendimiento aquí no es importante: elija la que tenga más sentido semántico. –
Los nombres de las clases violan las buenas prácticas (usted está codificando los valores ("rojo", "negrita") en los nombres de las clases). Deberías haber llegado con mejores nombres ... –
@ ŠimeVidas: estoy seguro de que estos fueron solo algunos ejemplos que se le ocurrieron. – xbonez