Is there a CSS parent selector?

There is currently no way to select the parent of an element in CSS.

If there was a way to do it, it would be in either of the current CSS selectors specs:

That said, the Selectors Level 4 Working Draft includes a :has() pseudo-class that will provide this capability. It will be similar to the jQuery implementation.

li:has(> a.active) { /* styles to apply to the li tag */ }

However, as of 2021, this is still not supported by any browser.

In the meantime, you’ll have to resort to JavaScript if you need to select a parent element.

Related Posts:

  1. Nesting CSS classes
  2. What is the difference between the selectors “.class.class” and “.class .class”?
  3. In CSS what is the difference between “.” and “#” when declaring a set of styles? [duplicate]
  4. What does “*” mean in CSS?
  5. What does an asterisk (*) do in a CSS selector?
  6. Is there an opposite CSS pseudo-class to :hover?
  7. Combine :after with :hover
  8. What does the “~” (tilde/squiggle/twiddle) CSS selector mean?
  9. Is there a “previous sibling” selector?
  10. How can I apply styles to multiple classes at once?
  11. Specify multiple attribute selectors in CSS
  12. CSS “and” and “or”
  13. CSS selector for first element with class
  14. How to select label for=”XYZ” in CSS?
  15. How to align a
  16. Animate the overflow property
  17. Is there a color code for transparent in HTML?
  18. What does auto do in margin: 0 auto?
  19. CSS Invalid Property Value?
  20. css to make bootstrap navbar transparent
  21. How to word wrap text in HTML?
  22. border-radius not working
  23. How to show tags in my tumblr theme?
  24. HTML span align center not working?
  25. Adding a blurred border in CSS
  26. HTML colspan in CSS
  27. Flexbox float right
  28. How to exclude particular class name in CSS selector?
  29. How to make certain text not selectable with CSS
  30. How do I center an SVG in a div?
  31. How to expand textarea width to 100% of parent (or how to expand any HTML element to 100% of parent width)?
  32. Remove Open Sans from Twenty Twelve theme
  33. Is it possible to enqueue a raw CSS string directly from within a template file?
  34. Overriding Gallery Margin
  35. How to dequeue a stylesheet by src, not handle?
  36. Gutenberg Block Editor Match Admin Styles & Frontend Styles
  37. wordpress CSS styles – footer border do not show
  38. The correct way to include JavaScript and CSS in my WordPress Themes
  39. Styling Custom Meta Boxes?
  40. get_stylesheet_uri returns wrong path
  41. Customizing wordpress to match your site theme
  42. Is it better to put CSS in additional CSS or in Child theme styles.css [closed]
  43. Adding HTML to the Header, Screws up in IE7
  44. How To Load Different CSS Style, Based On Language When Using QtranslateX [closed]
  45. Getting page output HTML without request (for CriticalCSS, PurgeCSS)
  46. How to organize priority of plugins CSS files?
  47. Responsive Images Warping
  48. Remove margin from CSS gradient color code
  49. Unable to remove space between header and slider section in wordpress website
  50. Seperate functions.php for part of site
  51. Internet Explorer ignore my css
  52. Hover colour spreading out beyond submit button
  53. Some Text of website page on Iphone Safari become invisible
  54. Child Theme CSS not showing at all
  55. post_class not working with css
  56. Adding CSS to Blog Posts?
  57. Where do I go to change the position of the style.css?
  58. Using PHP Increment and Conditional Statement to Alternate Loop Background
  59. wp_enqueue_media is not loading styles
  60. Remove a Style Tag from WP Theme
  61. Simple way to add custom class and ids to individual Gutenberg blocks
  62. child theme appears again when I put the header with parent name.
  63. How to Add a Read-only Textbox With Text in it That Has a Button to Copy it?
  64. cookie free subdomain and @font-face
  65. How to change the standard navigation menu color when using genesis [closed]
  66. How to add class to an html output element in tinyMCE paragraph drop down menu
  67. Why doesn’t WP recognize images in posts like other content? [closed]
  68. CSS isn’t rendered on a post but just posted as text [closed]
  69. How would I create the same popup in css and javascript as the one in contact button on the site https://www.sublimotionibiza.com/es/main.html [closed]
  70. Customizing the Post/Page Editor in Classic Editor
  71. How to use css only H2 Tag? Site is considering website title also H2 tag and changing its style as well
  72. How to edit CSS style sheet after migrating from local
  73. WordPress footer always at the bottom of the screen-page
  74. Dequeing Parent Fontawesome Deques Parent Styles
  75. Border around menu button [closed]
  76. Correct use of !important
  77. How to change hover link colour for blog post (body) text only
  78. Problems styling a Custom Link in a Menu
  79. Font .woff files loaded don’t correspond to the displayed styles [closed]
  80. CSS transition from 0px width to 100% width
  81. Custom CSS rule overridden in theme
  82. Twenty Fourteen: Shrinking header while scrolling down
  83. Style sidebar for a custom page template exclusively
  84. CSS ?ver=4.7.3 not found
  85. Custom CSS rules only apply to home page
  86. Sticky Button not working WP. But does it JS Fiddle
  87. How to enqueue google fonts if we use directly in style.css
  88. Trouble with adding preloader to my home page index.html and index.js
  89. How to change in css with a custom theme?
  90. Wesbite super slow on iphone / very fast on desktop with same connection on wifi
  91. How can a left and right margin be added to the admin bar without access to “…wp-includes/admin-bar.php”?
  92. Inserting a DIV Block Into a Listing of Excerpts?
  93. WordPress Custom Superfish CSS Problem [closed]
  94. Browser stacks different versions of style.css
  95. Is it possible to make invisible a div only on certain pages using CSS?
  96. What CSS selectors to know for WordPress? [closed]
  97. MY CSS FILE IS MISBEHAVING. IS NOT WORKING WELL ON MY WP SITE [closed]
  98. Remove / Disable default custom.css?ver=1.0.0
  99. Website is not showing updated CSS
  100. How to hide button with CSS class?

Leave a Comment

tech