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

Question

Большинство html следуют базовому макету, но одна страница должна быть временной шкалой, но она конфликтует с текущими универсальными приложениями CSS, и в результате временная шкала разбросана по экрану.Можно ли просто сделать новый CSS только для одной страницы?Часть временной шкалы представляет собой фрагмент кода, так что, как только я добавляю в ebr, его вообще не нужно трогать.

Answer 1

Да, вы можете создать файл стиля css для этой страницы, просто поместите стили, которые вам нужны, чтобы они отличались от других, затем импортируйте оба стиля в html-файл, но специальные стили ниже общих стилей, т.е.:

styles.css

h1{
    font-size:2em;
}

specific.css

h1{
    font-size:1,5em;
}

specific.html

<link href=“styles.css” />
<link href=“specific.css” />

Таким образом, в этом порядке второй файл стиля будет переопределятьво-первых, надеюсь, это поможет.

Answer 2

Может быть, вы можете обернуть страницу в элемент в следующем стиле:

.wrapper {
    all: initial;
}

.wrapper * {
    all: unset;
}

Это сбросит все стили всех элементов внутри оболочки