Ahora usamos con estilo. La alternativa sin Stylish sería editar los archivos que publicó en su respuesta. Stylish nos permite gestionar fácilmente el CSS de usuario de muchos sitios. Stylish agrega un pequeño ícono a su ventana de Firefox, haga clic en él y luego vaya a "Escribir un nuevo estilo" -> "For" (este sitio) .com ". Dé un nombre al estilo y opcionalmente algunas etiquetas. Entonces podrá para distinguir este estilo como el que se aplica a Superuser.com o Stackexchange.com, etc. Esta ventana nos proporciona una plantilla que nos permite modificar el CSS solo para este dominio. Si necesita modificar el CSS para una URL específica, puede hacer eso o también puede obtener un estilo en blanco si desea escribir CSS que se aplique a todos los sitios, simplemente seleccione la entrada correspondiente en el menú Elegante. Para mi ejemplo de modificación de respuesta, usted "
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("superuser.com") {
}
Todo lo que se ponga en el bloque @ -moz-document se aplicará solo al dominio allí en el paréntesis. Vea los artículos en negrita arriba. Para modificar el relleno de las respuestas, actualice el cuadro de texto para que sea así:
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("superuser.com") {
.answer {
padding-bottom:0px;
padding-top:0px;
}
}
Descomponerlo para las personas que no saben CSS, estamos seleccionando en primer lugar la clase (ergo un "" va en la salida. Si nos estábamos seleccionando por ID, que había puesto un '#' allí.) Respuesta (pues contesta'). Luego abrimos un bloque con una llave para enumerar las propiedades del elemento seleccionado que modificaremos. Primero, estamos alterando el fondo del relleno y configurándolo en 0 píxeles . Luego hacemos lo mismo para padding-top . Cada propiedad y valor se termina con un punto y coma. Luego cerramos el bloque con una llave rizada. (en su ejemplo de Unix, haría esto:
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("unix.stackexchange.com") {
body {
background:none;
}
}
Aquí estás trabajando en el dominio unix.stackexchange.com. Estamos seleccionando el elemento "cuerpo" (cuando seleccionamos el elemento HTML también es un selector CSS, no es necesario usar #s o .s aquí). Estamos configurando el fondo a ninguno.)
CSS tiene una jerarquía específica de prioridades para determinar cómo tratar con CSS de usuario vs. CSS de autor vs. CSS de navegador. Normalmente, tenemos CSS para una página escrita por el autor de la página, y que contendrá reglas para muchos de los elementos de esa página. Cuando el autor no define una regla, pero está en su CSS de usuario, entonces su navegador la usará. Si ninguno de ellos tiene CSS definido para ese elemento, entonces el navegador usa sus propias reglas CSS predeterminadas en ese elemento. Entonces hay una jerarquía de peso aquí, autor> usuario> navegador. Si algo está definido en los tres, entonces el CSS de mayor peso ganará y su CSS tendrá efecto. Hay una manera de obtener CSS de menor peso para anular el CSS de mayor peso, y eso es designándolos importantes. Para ello, incluya "! Importante"
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("unix.stackexchange.com") {
body {
background:none !important;
}
}
Ahora haga clic en Vista previa nuevamente y verá que su CSS de usuario funciona. Haz clic en Guardar y disfrutar.