css - 带有类 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/