html - tipos - ¿Hay alguna manera de forzar un estilo a un elemento div que ya tiene un atributo style=""

tipos de hojas de estilo

Question

Estoy tratando de despellejar HTML que no tengo control. Uno de los elementos es un div con un atributo style="overflow: auto" .
¿Hay alguna forma en CSS para forzar a que div use overflow: hidden; ?

Answer 1

Magnar es correcto según lo explicado por la especificación W3C pegada a continuación. Parece que se agregó la palabra clave! Important para permitir a los usuarios anular incluso la configuración de estilo "horneada" en el nivel del elemento. Dado que se encuentra en una situación en la que no tiene control sobre el html, esta puede ser su mejor opción, aunque no sería un patrón de diseño normal.

W3C CSS Especificaciones

Extracto:

6.4.2! Reglas importantes CSS intenta crear un equilibrio de poder entre el autor y las hojas de estilo del usuario. De forma predeterminada, las reglas en la hoja de estilos de un autor anulan las de la hoja de estilos del usuario (consulte la regla de cascada 3).

However, for balance, an "!important" declaration (the keywords

"!" e "importante" sigue la declaración) tiene prioridad sobre una declaración normal. Tanto las hojas de estilo de autor como las de usuario pueden contener declaraciones "! Important" y reglas de usuario "! Important" que anulan las reglas de autor "! Important". Esta función de CSS mejora la accesibilidad de los documentos al otorgar a los usuarios requisitos especiales (fuentes grandes, combinaciones de colores, etc.) control sobre la presentación.

Note. This is a semantic change since CSS1. In CSS1, author

Las reglas "importantes" prevalecen sobre las reglas "importantes" del usuario.

Declaring a shorthand property (e.g., ''background'') to be

"! important" es equivalente a declarar todas sus propiedades secundarias como "importantes".

Example(s):
The first rule in the user''s style sheet in the following example

contiene una declaración "! important", que anula la declaración correspondiente en la hoja de estilos del autor. La segunda declaración también ganará debido a que se marcó "! Importante". Sin embargo, la tercera regla en la hoja de estilo del usuario no es "! Important" y, por lo tanto, perderá la segunda regla en la hoja de estilo del autor (lo que sucede al establecer el estilo en una propiedad abreviada). Además, la regla del tercer autor perderá la regla del segundo autor ya que la segunda regla es "! Importante". Esto muestra que las declaraciones "! Important" tienen una función también dentro de las hojas de estilo del autor.

/* From the user''s style sheet */
P { text-indent: 1em ! important }
P { font-style: italic ! important }
P { font-size: 18pt }
/* From the author''s style sheet */
P { text-indent: 1.5em !important }
P { font: 12pt sans-serif !important }
P { font-size: 24pt }

Answer 2

Por lo que yo sé, los estilos en los elementos HTML actuales anulan cualquier cosa que pueda hacer en un estilo CSS separado.

Sin embargo, puede usar Javascript para anularlo.

Answer 3

Si el div tiene una declaración de estilo en línea, la única forma de modificarlo sin cambiar la fuente es con JavaScript. El estilo en línea atribuye ''ganar'' cada vez en CSS.

Answer 4

No estoy seguro de si esto funcionaría o no, no lo he probado con overflow .

overflow:hidden !important

¿tal vez?

Answer 5

¿Has intentado configurar !important en el archivo CSS? Algo como:

#mydiv { overflow: hidden !important; }

Answer 6

Puede agregar !important al final de su estilo, así:

element {
overflow: hidden !important;
}

Esto es algo en lo que no debe confiar normalmente, pero en su caso esa es la mejor opción. Cambiar el valor en Javascript se desvía de la mejor práctica de separar el marcado, la presentación y el comportamiento (html / css / javascript).