CSS 属性选择器可以用来设置这个元素的样式吗？答案

【问题标题】：Will CSS attribute selector work to style this element?CSS 属性选择器可以用来设置这个元素的样式吗？
【发布时间】：2010-05-03 15:34:49
【问题描述】：

我有以下html：

<div class="bf_form_row">
    <label for="findout">Text goes here</label>
<textarea class="findOut" cols="40" id="findout" name="findout" rows="10"></textarea>
</div>

我试图弄清楚如何在无法更改 html 的情况下设置“标签”元素的样式。

理想情况下，我想为所有出现在“textarea”元素之前的“label”元素设置样式，但我认为仅使用 CSS 是不可能的。

我认为这个属性选择器会起作用：

label[for="findout"] {
    width: 100%;
}

但是没有，有什么想法吗？

【问题讨论】：

感谢大家的回复，非常感谢:)。事实证明，我的选择器不够具体。这是我第一次使用属性选择器，所以我认为我一定是弄错了。无论如何，非常感谢！

标签： css css-selectors

【解决方案1】：

它有效。要查看它的实际效果，请尝试更改颜色。无论如何，如果您希望宽度为 100%，我建议添加 display: block;

label[for="findout"] {
    display: block;
    width: 100%;
}

【讨论】：

【解决方案2】：

对 ex 使用两个类：- 1] before_textarea 2] after_textarea

.before_textarea {
    width: 100%;
   // style to label which comes before teaxtarea
}

.after_textarea {
    width: 100%;
   // style to label which comes after teaxtarea
}

【讨论】：

【解决方案3】：

使用选择器：

.bf_form_row label
{
styles
}

这将选择类为bf_form_row的父级内的所有标签元素。

希望有帮助:)

【讨论】：