Как добавить css для элемента, используя не селектор

Я использую sass в своем проекте для применения стилей css, здесь у меня есть элементы div, где все div имеют одинаковые классы, кроме нескольких div,

пример: html

<div class = "wrapper-col"><p>jakajsf</p></div>
<div class = "wrapper-col"><p>jakajsf</p></div>
<div class = "wrapper-col"><p>jakajsf</p></div>
<div class = "wrapper-col"><p>jakajsf</p></div>
<div class = "wrapper-col not-wrap"><p>jakajsf</p></div>
<div class = "wrapper-col"><p>jakajsf</p></div>
<div class = "wrapper-col"><p>jakajsf</p></div>
<div class = "wrapper-col"><p>jakajsf</p></div>
<div class = "wrapper-col"><p>jakajsf</p></div>
<div class = "wrapper-col not-wrap"><p>jakajsf</p></div>
<div class = "wrapper-col"><p>jakajsf</p></div>

выше html есть несколько div с именем класса wrapper-col, но несколько div также имеют класс без обертки, у меня здесь есть scss, в котором я хочу применить стили, имеющие имя класса wrapper-col, но не класс not-wrap без изменения HTML

вот что я пробовал, но это не работает для меня.

СКСС:

.wrapper-col{
    &:not(.not-wrap){
        p{
            /* styles here*/
        }
    }
}

Возможный дубликат Как создать правило css для всех элементов, кроме одного класса?

Adam Buchanan Smith 24.05.2019 21:04
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в 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. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
0
1
144
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Пример, который вы передаете, отлично работает!

Добавьте границу в качестве примера, и вы увидите ее: https://jsfiddle.net/o7hjv1ts/1/

.wrapper-col{
    &:not(.not-wrap){
        p{
            border: 1px solid red;
        }
    }
}

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