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

Question

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

table { width: 100%; } 

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

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

table { width: 50%; } 

в новый файл с именем second.css и связал его в HTML-файл.

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

Я хотел бы HTML вести себя так, как будто никогда не было свойство ширины, но я не хочу, чтобы изменить first.css

Answer 1

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

table { width: auto; } 

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

Answer 2

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

Answer 3

таблица {ширина: 50%; ! Важно}

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