design parent class if child has a specific class

Possible Duplicate:
Complex CSS selector for parent of active child
Is there a CSS parent selector?

Is there a way to design parent class based on if its child elements has a specific class?

<div class="container">
   <div class="content1">
      text
   </div>
</div>

.

<div class="container">
   <div class="content2">
      text
   </div>
</div>

I want to design the first .container differently based on if the child class is content1 or content2 . It must be pure css solution, without javascript.

---

Why not use container1 + content and container2 + content ?

<div class="container1">
    <div class="content">
      text
    </div>
</div>

<div class="container2">
    <div class="content">
        text
    </div>
</div>

And then write CSS like so:

.container1 .content {
    /* Container 1 styles here */
}

.container2 .content {
    /* Container 2 styles here */
}

---

No, you can't do that. CSS can't select elements based on their children, except to check whether or not the element is empty.

---

What you're asking for is the the mythical CSS parent selector. Perhaps some day.

链接地址: http://www.djcxy.com/p/22826.html

上一篇: CSS：如何选择父母的兄弟姐妹

下一篇: 设计父级如果孩子有特定的班级