Несколько стилей CSS на одной странице

0

Представьте этот сценарий:

У меня есть 2 таблицы стилей. Один - это глобальная таблица стилей. Другой стиль страницы. Каждый из них модифицирует класс. .tobestyled, но по-разному, т. .tobestyled Глобальный говорит, чтобы сделать класс скрытым, в то время как .tobestyled на странице говорит, чтобы он отображался.

Как я могу сделать стиль в таблице стилей, зависящей от страницы, переопределить глобальную?

  • 0
    Поместите стилевую страницу для конкретной страницы после глобальной в разметке. Если это не работает, это вопрос специфики.
  • 0
    проще всего: просто будь новичком и применяй !important стили
Показать ещё 3 комментария
Теги:

1 ответ

1
Лучший ответ

Импортируйте таблицу стилей для страницы после глобальной, которая должна это сделать.

<link rel="stylesheet" media="screen" href="global.css" />
<link rel="stylesheet" media="screen" href="page-specific.css" />

Если по какой - то причине, стили не заменяются правильно, добавьте !important Пункт после того, как линии, которую вы хотите, чтобы заставить, например:

.tobestyled {
    background-color: white !important;
}

Ещё вопросы

Сообщество Overcoder
Наверх
Меню