El selector “cualquiera” es una opción
Como se ha mencionado por algunas personas aquí, el selector “any” o “asterisk” apunta a todo . Tenga en cuenta que no tiene especificidad, por lo que se puede sobrescribir muy fácilmente:
* {
esquema: ninguno;
}
- ¿Qué servicios SMTP alojados están disponibles para externalizar su entrega de correo electrónico saliente para aumentar la capacidad de entrega?
- ¿El Node.js / io.js se divide bueno o malo para las personas que aman JavaScript en el backend?
- ¿Un desarrollador front-end necesita aprender más lenguajes como C, etc. para comprender algoritmos fundamentales o está bien si puede abrirse camino a través de HTML, CSS, JS, etc.?
- Supongamos que suministró un equipo de codificadores de 1990 con una computadora portátil moderna de alta gama y un entorno de desarrollo. ¿Qué podrían hacer con él?
- ¿Dónde puedo encontrar temas y plantillas para sitios web?
Pero esto no es una buena práctica [1]
No solemos utilizar el selector de asterisco de esta manera porque es muy amplio. Y porque tiene una especificidad de 0,0,0,0; Se sobrescribe fácilmente.
El Meyer Reset no usa este selector [2], ni el Normalizar [3]. Debido a que el selector “cualquiera” apunta a cada elemento, esto podría afectar el rendimiento de la página a largo plazo porque el navegador tiene que aplicar esta regla a todo . Cuanto más grande sea tu HTML, más trabajo tendrá que hacer el motor de renderizado debido a tu selector “any”
Adopta el enfoque Normalizar [4]
Si observa cómo se escribe Normalizar, contiene esto;
/ **
* Eliminar el esquema en los enlaces enfocados cuando también están activos o suspendidos
* en todos los navegadores (con opiniones).
* /
a: activo,
a: desplazarse {
ancho de contorno: 0;
}
/ **
* Eliminar el borde interior y el relleno en Firefox.
* /
botón :: – moz-focus-inner,
[type = “button”] :: – moz-focus-inner,
[type = “reset”] :: – moz-focus-inner,
[type = “submit”] :: – moz-focus-inner {
estilo de borde: ninguno;
relleno: 0;
}
/ **
* Restaurar los estilos de enfoque sin establecer por la regla anterior.
* /
botón: -moz-focusring,
[type = “button”]: – moz-focusring,
[type = “reset”]: – moz-focusring,
[type = “submit”]: – moz-focusring {
esquema: 1px ButtonText punteado;
}
En lugar de apuntar a todo , solo apunta a cosas que podrían tener un esquema para comenzar (enlaces, botones, entradas).
Apunte solo a lo que necesita apuntar
No todos los elementos mostrarán un esquema por defecto. Por lo general, los únicos que muestran uno son los que se pueden enfocar: ancla, botón, entrada, área de texto, detalles / resumen
Apunte a los elementos que son enfocables, elimine el contorno de esos. No use el selector *.
Notas al pie
[1] (¿por qué) se considera perjudicial el selector de estrellas CSS?
[2] Eric Meyer “Restablecer CSS” 2.0
[3] necolas / normalize.css
[4] necolas / normalize.css
