KPC
Kevin Powell - Community•2y ago
M@HeR

how to change display direction depend of child of container

how to change display direction depend of child of container for example if have 3 childs display direction unset if not display direction : column
2 Replies
MarkBoots
MarkBoots•2y ago
its not fully supported in all browsers yet. but with the :has() selector you can check if nth-child(3) excists for example 
.container {
  display: flex;
}
.container:has(>.item:nth-child(3)) {
  flex-direction: column
}
.container {
  display: flex;
}
.container:has(>.item:nth-child(3)) {
  flex-direction: column
}
Jochem
Jochem•2y ago
mind if I ask why you want to do this? It sounds like something that could potentially be solved in a better way (what Mark said works fine, btw, but yeah, no full browser support just yet https://caniuse.com/css-has)
Want results from more Discord servers?
Add your server
More Posts
Sliding sidenav (pushes main content)Hey friends, I have a left-side navigation pane that on smaller screens should slide out from left tHelp using cutout pro APIHi! asking for help since I'm blank as polished ice on how to go on about this. I have a short snippLogo makerDoes anybody knows a good website where i can create and a download a logo for free with no watermarTotally Different Images for Mobile screenThis is a slideshow of images. I want to use totally different images for mobile. How do I achieve tHow does `extends` work?I have a CommandLoader class extended over DynamicLoader. But any property defined on the DynamicLoaCan i install React and create new apps without having to download it from npm?during most of my day my internet is slow so when i try to make new React app it basically fails on is() selector issueWas making an example for somebody on another server and found that while: ```css .cat-container.walUnable to add data array into left side of the documentation pageI have a data array that consists of the items on the left side nav. I tried using several methods b