用于具有类foo的任何元素的标签的CSS选择器

Question

代码就像

<label for="bar">Baz: <input type="text" name="bar" id="bar" class="foo"/></label>

我想用标签来设置如何用CSS选择？

Answer 1

目前无法单独使用css选择父元素。这将在即将到来的css 4（感谢andyB）

中实现

所以你真的还有其他两个选择：

1. 修改html，以便在父级上设置句柄，以便为其设置样式。

2. 使用javascript根据孩子的css / id / name属性选择父级。

Answer 2

像这样：

label[for="bar"] { color: red; }

这会将标签定位为“bar”。它是一个CSS2.1选择器，它适用于IE6以外的所有选择。

请参阅有关jsFiddle的示例：http://jsfiddle.net/TheNix/kTwDN/