CSS属性选择器是否可以设置此元素的样式？

Question

我有以下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>

我试图找出如何设置'label'元素的样式，而无法更改html。

理想情况下，我想设置'textarea'元素之前的所有'label'元素，但我不认为只使用CSS。

我认为这个属性选择器可以工作：

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

但不，有什么想法吗？

Answer 1

有用。 要查看它的实际效果，请尝试更改颜色。 无论如何，如果你想宽度为100％，我建议添加display：block;

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

Answer 2

使用两个类，例如： - 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
}

Answer 3

使用选择器：

.bf_form_row label
{
styles
}

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

希望有帮助:)