Как я могу переопределить свойство ширины таблицы в CSS
У меня есть следующий стиль во внешнем файле CSS с именем first.css
table { width: 100%; }
Это заставляет таблицы заполнять свой контейнер. Если есть только два небольших столбца, они оказываются слишком далеко друг от друга.
Чтобы столбцы казались ближе, я добавил этот стиль
table { width: 50%; }
в новый файл с именем second.css и связал его с файлом html.
Есть ли способ переопределить свойство ширины в first.css без необходимости указывать ширину в second.css?
Я бы хотел, чтобы html вел себя так, как будто никогда не было свойства ширины, но я не хочу изменять first.css
Ответы 3
Вы можете использовать:
table { width: auto; }
в second.css, чтобы «HTML-код вел себя так, как будто никогда не было свойства ширины». Но я не уверен на 100%, что это именно то, что вам нужно - если нет, то уточните!
Вы также можете добавить к таблице атрибут style = "width: auto" - таким образом будет изменен только html страницы.
таблица {ширина: 50%; !важный }
добавление! important к любому стилю заставляет его переопределять другие, независимо от того, является ли он родительским элементом или дочерним элементом
Я получил приемлемый результат, используя table {width: 0; } но ваше решение намного элегантнее.