Я использую 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*/
}
}
}






Пример, который вы передаете, отлично работает!
Добавьте границу в качестве примера, и вы увидите ее: https://jsfiddle.net/o7hjv1ts/1/
.wrapper-col{
&:not(.not-wrap){
p{
border: 1px solid red;
}
}
}
Возможный дубликат Как создать правило css для всех элементов, кроме одного класса?