<p>How do I select a <code></code></p><li> element that is the direct parent of an anchor element? <p><br /></p> <p>For example, my CSS would look like this: </p> <pre class="brush:php;toolbar:false;">li < a.active { property: value; }</pre> <p>Obviously there are ways to do this using JavaScript, but I'm hoping there's some kind of workaround for CSS Level 2 itself. </p> <p>The menu I'm trying to style is spewed out by the CMS, so I can't move the active element to the <code></code></p></li><li> element. .. (unless I theme the menu and create a module, which I don't want to do). <p><br /></p></li>

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