Как я могу переопределить свойство ширины таблицы в CSS

Question

У меня есть следующий стиль во внешнем файле CSS с именем first.css

table { width: 100%; }

Это заставляет таблицы заполнять свой контейнер. Если есть только две маленькие колонки, они появляются слишком далеко друг от друга.

Чтобы заставить столбцы появляться ближе, я добавил этот стиль

table { width: 50%; }

к новому файлу с именем second.css и связал его с html-файлом.

Есть ли способ переопределить свойство width в first.css без необходимости указывать ширину в second.css?

Мне бы хотелось, чтобы html вел себя так, как будто никогда не было свойства width, но я не хочу изменять first.css

Answer 1

Вы можете использовать:

table { width: auto; }

в second.css, чтобы строго заставить "html вести себя так, как будто никогда не было свойства width". Но я не уверен на 100%, что это именно то, что вы хотите - если нет, пожалуйста, уточните!

Answer 2

стол {ширина: 50%; ! важный}

добавление! Важное для любого стиля заставляет его переопределять другие, независимо от того, является ли оно родительским или дочерним элементом

Answer 3

Вы также можете добавить в таблицу атрибут style = "width: auto" - таким образом будет изменен только HTML-код страницы.