¿Cómo puedo anular una tabla de propiedades de CSS ancho

Question

tengo el estilo siguiente en un archivo CSS externo llamado first.css

table { width: 100%; } 

Esto hace que las mesas llenar su contenedor. Si solo hay dos columnas pequeñas, aparecen demasiado lejos una de la otra.

Para forzar las columnas que aparecerá más cercano que he añadido este estilo

table { width: 50%; } 

a un nuevo archivo llamado second.css y vinculado en el archivo html.

¿Hay alguna manera de anular la propiedad width en first.css sin la necesidad de especificar un ancho en second.css?

Me gustaría que el HTML se comportan como si nunca ha habido una propiedad de ancho, pero no quiero modificar first.css

Answer 1

Se puede utilizar:

table { width: auto; } 

en second.css, para hacer estrictamente "que html se comporte como si nunca hubiera habido una propiedad de ancho". Pero no estoy 100% seguro de que esto sea exactamente lo que quieres; si no, ¡aclara!

Answer 2

También puede agregar un atributo style = "width: auto" a la tabla, de esta manera solo se modificará el html de la página.

Answer 3

tabla {ancho: 50%; ! Important}

adición importante a cualquier estilo hace que anula otras no importa si se trata de un elemento padre o elemento secundario