CSS отложить до предыдущего CSS файла

Question

Недавно я купил шаблон веб-сайта, и у меня никогда не получалось хорошо разбираться в CSS, поэтому я, наконец, пытаюсь понять. Я искал в Google, но не нашел, возможно ли это, поэтому я предполагаю, что это не так, но я решил, что все равно спрошу.

CSS файлов:

<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/custom-style.css">

Есть некоторые теги в custom-styles. css, которые переопределяют вещи в bootstrap .min. css. Все хорошо, хорошо и работает, как ожидалось.

Однако в настоящее время я работаю над страницей и хочу, чтобы она вернулась к тому, что находится в boostrap.min. css для примерно 10 элементов. Я не хочу менять пользовательские стили. css так что есть способ сделать что-то вроде следующего:

<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/custom-style.css">
<link rel="stylesheet" href="assets/css/my-style.css">

и в моем стиле. css есть что-то вроде:

.abc .def {
  defer to boostrap.min.css
}

или

.abc .def {
  ignore custom-style.css
}

Спасибо, Брайан

Answer 1

В моем стиле. css переопределить эти классы содержимым, которое находится в bootstrap.

пример В bootstrap у вас есть

.foo {
    color: red;
}

и В нестандартном стиле у вас есть

.foo {
    color: green;
}

затем в моем стиле. css сделайте что-то вроде этого

.foo {
    color: red;
}

и сделайте так, чтобы он переопределил предыдущие объявления или просто (менее рекомендуется)

.foo {
    color: red !important;
}

Answer 2

Вы можете попробовать закомментировать ненужный код, если не хотите их удалять. Это должно автоматически использовать код Bootstrap вместо CSS. Например, если ваш CSS выглядит так:

.abc .def {

    Some code.....
}

, вы должны прокомментировать их, например:

.abc .def {

    /* Your code */
}

Или:

/*

.abc .def {

    Your code.....
}

*/

Это должно сработать .

Answer 3

Вы можете дать body (или основному контейнеру) вашей специальной страницы отдельный класс, скажем, .special-page, а затем в вашем custom-style.css записать свои переопределения, например

:not(.special-page) .abc .def {
  /* your special style
  which doesn't get applied
  if the element is
  within .special-page */
}

Lear подробнее о селекторе :not(): https://css-tricks.com/almanac/selectors/n/not/