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 。

希望有幫助:)