Apply style to parent if it has child with CSS [duplicate]

by

It’s not possible with CSS3. There is a proposed CSS4 selector, $, to do just that, which could look like this (Selecting the li element):

ul $li ul.sub { ... }

See the list of CSS4 Selectors here.

As an alternative, with jQuery, a one-liner you could make use of would be this:

$('ul li:has(ul.sub)').addClass('has_sub');

You could then go ahead and style the li.has_sub in your CSS.

More Related Contents:

  1. Bad: [html] in html code i can’t make two form input in one row [closed]
  2. How to center an element horizontally and vertically
  3. Make container shrink-to-fit child elements as they wrap
  4. How to overlay one div over another div
  5. Element will not stay centered, especially when re-sizing screen
  6. css ellipsis on second line
  7. Position an element relative to its container
  8. curved div with transparent top
  9. How to center nav-items in Bootstrap? [duplicate]
  10. How to prevent line breaks in list items using CSS
  11. Fonts on the Web [duplicate]
  12. How to stretch flex child to fill height of the container?
  13. Set width of dropdown element in HTML select dropdown options
  14. CSS selector with period in ID
  15. Get input type=text to look like type=password
  16. How can I use the CSS pseudo-element :before{ content: ” } to affect an element?
  17. How to display text, a dotted line then more text spanning the width of the page?
  18. How can I apply a border only inside a table?
  19. What does the clearfix class do in css? [duplicate]
  20. Center image in div horizontally [duplicate]
  21. Add spacing between vertically stacked columns in Bootstrap 4
  22. How to center an unordered list?
  23. a href link for entire div in HTML/CSS
  24. Center a large image of unknown size inside a smaller div with overflow hidden
  25. How to change border color of textarea on :focus
  26. How to get rid of x and up/down arrow elements of a input date?
  27. IE7 CSS Scrolling Div Bug
  28. HTML CSS Invisible Button
  29. CSS After Element to insert mailto link?
  30. Which browsers support data URIs and since which version?

Leave a Comment