html - google - inspeccionar elemento guardar cambios
Firefox::-error del selector de selección de moz(?) ¿Hay alguna solución? (1)
Estoy trabajando en un sitio que tiene una gran cantidad de estilos de color, alrededor de 250 líneas de CSS para definir uno de los 7 esquemas de color, por lo que es importante que mantenga las diversas reglas de color agrupadas lo mejor que pueda.
El RC más reciente de Firefox 4 se está comportando mal cuando intento y apilan los selectores relacionados con el pseudo elemento de ::selection CSS3 ::selection obsoleto.
Esto funciona:
.green ::-moz-selection {
/* ''Pure Hue'' Color */
background-color: #62BA21;
color: white;
}
Pero una vez que intento compartir la regla con el selector de webkit, se rompe.
No funciona para Firefox:
.green ::selection, .green ::-moz-selection {
/* ''Pure Hue'' Color */
background-color: #62BA21;
color: white;
}
Entiendo que es posible que no aborden el error ya que ::selection ya no está presente en el borrador en uso, pero preferiría que no tuviera que aumentar mi CSS más de lo que ya es para este truco.
Parece que Firefox simplemente no comprende ::selection (por lo tanto, necesita el prefijo del proveedor ::-moz-selection ), por lo que ignora toda la regla al encontrar un selector no reconocido según la especificación .
La solución común para un navegador que no comprende uno o más selectores en un grupo es dividir / duplicar el conjunto de reglas:
/* Firefox sees this */
.green ::-moz-selection {
background-color: #62BA21;
color: white;
}
/* Other browsers see this */
.green ::selection {
background-color: #62BA21;
color: white;
}
De hecho, en este caso, es lo único que puedes hacer, es decir, tendrás que aguantar este ligero inflado.