how to make a class selector with condition about its spring?

Question

Possible Duplicate:
Is there a CSS parent selector?

Here is my HTML code:

<li class='href-parent'> <a class='href'></a> </li>

I want all the 'li' tags with an 'a' tag with class 'href' to change color.

There's no way to accomplish this in CSS alone. [CSS Selectors Level 4 addresses this](http://dev.w3.org/csswg/selectors4/#subject) (by appending an exclamation mark before the subject: `!li a.href`), but there's no support for that yet. — Joseph Silber, Jan 06 '13 at 03:54
If you don't want to use JavaScript (which is always a good idea), then yes, you'll have to add another class. — Joseph Silber, Jan 06 '13 at 03:59
The good thing about classes is they're a space-separated list, so adding a new class shouldn't affect the rest of your page. — Paul S., Jan 06 '13 at 03:59
@Joseph Silber: The syntax is not finalized yet unfortunately :( (and appending means after; prepending before) — BoltClock, Jan 06 '13 at 05:41
@BoltClock - Thanks for catching that. Late night. Pity we can't edit comments (after 5 minutes) 'round here... — Joseph Silber, Jan 06 '13 at 06:54
Thank u all guys ! I have decided to add a new class to the tag. — Aflext, Jan 08 '13 at 02:39

score 0 · Accepted Answer · answered Jan 06 '13 at 04:00

0

With jQuery, you can use $('li.href-parent > a.href').parent().dosomething();

answered Jan 06 '13 at 04:00

Colselaw

1

Or [`$('li:has(a.href)')`](http://api.jquery.com/has-selector/) for that matter, but the OP wants to accomplish this in CSS. – Joseph Silber Jan 06 '13 at 04:06
yeah,jQuery is a good thing – Aflext Jan 08 '13 at 02:39

1 Answers1