Представьте этот сценарий:
У меня есть 2 таблицы стилей. Один - это глобальная таблица стилей. Другой стиль страницы. Каждый из них модифицирует класс. .tobestyled
, но по-разному, т. .tobestyled
Глобальный говорит, чтобы сделать класс скрытым, в то время как .tobestyled
на странице говорит, чтобы он отображался.
Как я могу сделать стиль в таблице стилей, зависящей от страницы, переопределить глобальную?
Импортируйте таблицу стилей для страницы после глобальной, которая должна это сделать.
<link rel="stylesheet" media="screen" href="global.css" />
<link rel="stylesheet" media="screen" href="page-specific.css" />
Если по какой - то причине, стили не заменяются правильно, добавьте !important
Пункт после того, как линии, которую вы хотите, чтобы заставить, например:
.tobestyled {
background-color: white !important;
}
!important
стили