Opposite of adjacent sibling combinator?

Title ^

12 Replies

son argOP•3y ago

So instead of immediately follows, is there immediately before? --- Reference: https://developer.mozilla.org/en-US/docs/Web/CSS/Adjacent_sibling_combinator

Unknown User•3y ago

Message Not Public

13eck•3y ago

Kevin recently did a video on this: https://youtu.be/OGJvhpoE8b4

YouTube

The :has() pseudo-class is here, and while it’s often called the parent selector, it can actually do a lot more than that! 🔗 Links ✅ Example One: https://codepen.io/kevinpowell/pen/jOxrjvW ✅ Example Two: https://codepen.io/kevinpowell/pen/dyeXxJx ✅ Example Three: https://codepen.io/kevinpowell/pen/ZEopzpP ✅ Example Four: https://codepen.io...

13eck•3y ago

(among other uses of :has())

son argOP•3y ago

Thanks guys! @13eck @Julio_ 🙏

indeed, the :has() pseudo-selector will do it. just for funzies, there is a way to get ALL siblings before (not your question, i know)

/* all siblings before target*/
.parent > :not(.target, .target~*) { color: red }

/* all siblings before target*/
.parent > :not(.target, .target~*) { color: red }

Unknown User•3y ago

Message Not Public

Unknown User•3y ago

Message Not Public

son argOP•3y ago

I was gonna ask, could you explain that selector in words but @Julio_ worded it nicely

son argOP•3y ago

So this is the starting point where we say "except"?

Unknown User•3y ago

Message Not Public