SCSS — есть ли идентификатор «я»?

Я хочу добавить SCSS в тело по умолчанию и повторно указать их в тегах P и LI (не полностью контролируя сайт, и хочу, чтобы плагины не захватили мои p и li).

Так что я должен сделать что-то вроде этого

body{
  color:#000;
  p,li{
    color:#000;
  }
}

Но это делает некоторые уродливые повторения. Так есть ли в SCSS что-то, что относится к себе или что-то в этом роде? Так что, в конце концов, у меня могут быть одинаковые стили для body, body p и body li?

Что-то вроде

body{
  [self],p,li{color:#000;}
}

Какие <p> и <li> не находятся под тегом body?

Juan Mendes 09.05.2022 21:44

Ну, это установить значение по умолчанию для всех других текстов, которые могут быть на странице в любом другом теге, таком как div.

Fredy31 09.05.2022 21:52

Просто установка тела делает свою работу. Вероятно, вы пытаетесь придать своему CSS больше специфичности, чтобы переопределить некоторые стили, которые были более конкретными. Это кажется хрупким способом, поскольку другие теги также могут нуждаться в большей специфичности. Использование !important не очень хорошо, но при работе со стилями сторонних разработчиков это может быть лучшим способом.

Juan Mendes 09.05.2022 22:17

Это именно то, чего я не хочу делать. Использование Important для такого широкого тега, как P, вызовет проблемы.

Fredy31 09.05.2022 22:37
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
0
4
34
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий
body{
  &,p,li{color:#000;}
}

Двоеточие вызовет ошибку компиляции, вам нужен только &.

disinfor 09.05.2022 21:43

Извините, наоборот ^^

Zrelli Majdi 09.05.2022 21:44

Мне жаль . Я запутался ^^

Zrelli Majdi 09.05.2022 21:48

Другие вопросы по теме