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:
- Nesting CSS classes
- What is the difference between the selectors “.class.class” and “.class .class”?
- In CSS what is the difference between “.” and “#” when declaring a set of styles? [duplicate]
- What does “*” mean in CSS?
- What does an asterisk (*) do in a CSS selector?
- Is there an opposite CSS pseudo-class to :hover?
- Combine :after with :hover
- What does the “~” (tilde/squiggle/twiddle) CSS selector mean?
- Is there a “previous sibling” selector?
- How can I apply styles to multiple classes at once?
- Specify multiple attribute selectors in CSS
- CSS “and” and “or”
- CSS selector for first element with class
- How to select label for=”XYZ” in CSS?
- What’s the difference between SCSS and Sass?
- How am I supposed to use index.html?
- Column order manipulation using col-lg-push and col-lg-pull in Twitter Bootstrap 3
- What is the difference among col-lg-*, col-md-* and col-sm-* in Bootstrap?
- Adding border to SVG image
- What does !important mean in CSS?
- Set line spacing
- Remove blue underline from link
- CSS Background Opacity [duplicate]
- Outline effect to text
- Customize Bootstrap checkboxes
- Making a
- React.js inline style best practices [closed]
- What is a user agent stylesheet?
- What is a user agent stylesheet?
- CSS to make HTML page footer stay at bottom of the page with a minimum height, but not overlap the page
- Vertically align text within a div
- How to align a to the middle (horizontally/width) of the page [duplicate]
- Animate the overflow property
- Set parent style via child
- Is there a color code for transparent in HTML?
- multiple classes on single element html
- CSS opacity only to background color, not the text on it?
- How do I center floated elements?
- create a white rgba / CSS3
- Using CSS for a fade-in effect on page load
- Gradient borders
- Superscript in CSS only?
- What is WebKit and how is it related to CSS?
- What’s the difference between display:inline-flex and display:flex?
- Making an iframe responsive
- How can I invert color using CSS?
- How to insert spaces/tabs in text using HTML/CSS
- font-family is inherit. How to find out the font-family in chrome developer pane?
- How to get these two divs side-by-side?
- How can I vertically center a “div” element for all browsers using CSS?
- What does auto do in margin: 0 auto?
- Does bootstrap have builtin padding and margin classes?
- not:first-child selector
- How to change the color of an svg element?
- Changing spacing between paragraphs and inside of paragraphs
- Is there a color code for transparent in HTML?
- How to vertically align an image inside a div
- How can I center an absolutely positioned element in a div?
- Applying Comic Sans Ms font style
- How to set up fixed width for
? - “Stray start tag footer” in html validator?
- How to change btn color in Bootstrap
- Make div scrollable
- Failed to decode downloaded font, OTS parsing error: invalid version tag + rails 4
- Chrome give error **Failed to load resource: net::ERR_NAME_NOT_RESOLVED** while other browser load images
- CSS: Creating textured backgrounds
- Insert image after each list item
- How to make the HTML link activated by clicking on the
- ?
- How to change text transparency in HTML/CSS?
- How do I hide the bullets on my list for the sidebar?
- limitations of using @Html.EditorForModel
- Transition of background-color
- How to implement max-font-size?
- How to float 3 divs side by side using CSS?
- How to override the properties of a CSS class using another CSS class
- HTML Width Percentage
- Circle button css
- How to use css first-child with :not()
- force footer on bottom on pages with little content
- draw diagonal lines in div background with CSS
- How to add a color overlay to a background image?
- Change color of PNG image via CSS?
- css transition opacity fade background
- Better way to set distance between flexbox items
- Text-decoration: none not working
- How to set up fixed width for
? - How do I center an h1 in the body
- CSS3 Transition not working
- How do I rotate text in css?
- CSS Invalid Property Value?
- right align an image using CSS HTML
- How can I transition height: 0; to height: auto; using CSS?
- css to make bootstrap navbar transparent
- how to offset a CSS border up and left
- @Media min-width & max-width
- CSS display: inline vs inline-block
- css: how to center box div element directly in center?
- How do I center this form in css?
- How to apply a CSS filter to a background image
- Aligning two divs side-by-side