Select Grandchild using CSS Attribute Selector

Question

CSS I can tweak, HTML I have to work with.

.first [class="tag"] {
  background-color: #ffffff;
}

<!--Entire width & height of page-->
<div class="first">
  <!--Only a portion of width & height of page-->
  <div class="second">
    <div class="tag">
    </div>
  </div>
</div>

I need to change the background color of the first class on each page containing the tag id. The CSS that I've created can only select the first child and not the grandchild as I need. Any suggestions? Prefer a CSS solution, but not necessary. Thank you, I appreciate it.

Might be a duplicate of [Is there a CSS parent selector?](http://stackoverflow.com/q/1014861/11683) — GSerg, Mar 14 '15 at 10:52
You want to change the color of `.first` depending on whether it contains `.tag`? You simply can't. — Salman A, Mar 14 '15 at 10:52
Why would you even use an attribute selector here? They're both class attributes, not ids. — BoltClock, Mar 14 '15 at 10:56

score 0 · Answer 1 · answered Mar 14 '15 at 11:10

0

I see now that there is no current CSS solution. Thanks guys.

https://css-tricks.com/parent-selectors-in-css/

answered Mar 14 '15 at 11:10

user51225

1
2

Select Grandchild using CSS Attribute Selector

1 Answers1