Topics

Kevin Powell - Community•2y ago

Opposite of adjacent sibling combinator?

Title ^

12 Replies

rezabet•2y 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•2y ago

Message Not Public

Sign In & Join Server To View

13eck•2y ago

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

YouTube

I never thought this would be possible with CSS

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•2y ago

(among other uses of :has())

rezabet•2y ago

Thanks guys! @13eck @Julio_ 🙏

MarkBoots•2y ago

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•2y ago

Message Not Public

Sign In & Join Server To View

MarkBoots•2y ago

yea something like this https://codepen.io/MarkBoots/pen/jOxKyRQ?editors=1100

Unknown User•2y ago

Message Not Public

Sign In & Join Server To View

rezabet•2y ago

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

rezabet•2y ago

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

Unknown User•2y ago

Message Not Public

Sign In & Join Server To View

Kevin Powell - Community Join

A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.

34KMembers

View on Discord

Want results from more Discord servers?

Add your server

More Posts

How to setup this template literals?I used the variable "sections" to store the id of each section(line26), and it works. I tried to mak The best way to align grid itemsHi! I have a grid with three rows. Everything looks fine, but items aren't aligned properly, one of Filling remaining spaceAny idea on how to fill the remaining space from the left div to occupy the same as the right? They'When you Git into troublehttps://ohshitgit.com/color systemhttps://www.radix-ui.com/colors CSS Flex Layout seems...disorganized and could be done better.For a MA assignment, I have to recreate a portfolio layout using CSS Flex now (some may remember I h rem or px for padding and margini want to practice using the right thing in my code and i think using rem is a better approach than questions about SVGso i'm trying to learn about SVG and use them since i heard it's better than lots of things so i nee Can't center div vertically.Hello! I managed to center my car div horizontally but can't center vertically. Please help! ```htm VW is wider then my actual screenHi! I have a problem with setting width of my HTML elements. When I use `100vw` as my width, it work