Parent selector in css?

Question

How can I get the parent element by reference with their child element using pure css?

#checkbox{
  width: 24px;
  height: 24px;
  vertical-align: middle;
}
#checkbox:checked (parentName){
  color: red;
}

<label for="checkbox">
  <input type="checkbox" id="checkbox" />
  click me
</label>

I know we can simply use jQuery to find the parent of the child element. Something like this;-

$(this).parent().css({'color': 'red'});

Is there anyway to identify the parent selector using pure css selector?

You can't. Zillions of same question in stackoverflow. Search first!!! — Marcos Pérez Gude, Jul 08 '16 at 11:58
Maybe there is pseudo selector for parent element like `:parent` — Sherin Jose, Jul 08 '16 at 12:00
Instead of vote my comment, mark to close as duplicated. I can't understand why vote my comment and not vote to close. — Marcos Pérez Gude, Jul 08 '16 at 12:01
I just checkout here, i cant find out something related to this question folks! — Krish, Jul 08 '16 at 12:02
Please check this link : https://css-tricks.com/parent-selectors-in-css maybe this will help — Sherin Jose, Jul 08 '16 at 12:04
Hope this might help you http://stackoverflow.com/questions/14969565/i-want-some-text-to-change-color-when-the-user-checks-a-checkbox — vivek salve, Jul 08 '16 at 12:07
@MarcosPérezGude it's the most asked question in the CSS tag ... — vals, Jul 08 '16 at 20:21

Jai · Answer 1 · 2016-07-08T12:13:01.563

1

Is there anyway to identify the parent selector using pure css selector?

No.

Still we don't have parent selector in native css. but in coming future that might be possible as some css methods are now available.

A simple workaround to your issue can be solved like wrapping the text content of parent label in some element like span:

#checkbox{
  width: 24px;
  height: 24px;
  vertical-align: middle;
}
#checkbox:checked + span{
  color: red;
}

<label for="checkbox">
  <input type="checkbox" id="checkbox" />
  <span>click me</span>
</label>

edited Jul 08 '16 at 12:13

answered Jul 08 '16 at 11:59

Jai

I do not understand why have people downvoted a concise answer. – Jul 08 '16 at 12:00
@J.C.Rocamonde I'm not the downvoter, but I think this is a over-duplicated question. – Marcos Pérez Gude Jul 08 '16 at 12:01
That's not the fault of the user answering. – Jul 08 '16 at 12:01
I guess i just answered what was asked.....that's it. I don't know if anything i miss. – Jai Jul 08 '16 at 12:02
@J.C.Rocamonde I agree, but this community works as this. I grow many downvotes in my questions only because some discussions in unrelated topics. Imagine a perfect world.... stackoverflow is not. – Marcos Pérez Gude Jul 08 '16 at 12:05
@Jai, you did it the right job. Now i can understand from your answer. – Krish Jul 08 '16 at 12:06
@J.C.Rocamonde Because this is a duplicate answer and question and it encourages no research from OP, these questions shouldn't be answered, I can downvote for whatever reason I find valid and this I find valid, -1. – Martin Dawson Jan 13 '18 at 00:11
@MartinDawson i answered it because OP has tried something and it shows he might have researched a little. Because he done something and failed to achive that. I answered it. and it almose a year old post. Yet you are welcome. – Jai Jan 13 '18 at 15:30

1 Answers1