CSS屬性選擇器是否可以設計這個元素的樣式？

我有以下的html：CSS屬性選擇器是否可以設計這個元素的樣式？

<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%; 
}

，但沒有任何想法？

來源

2010-05-03 morktron

謝謝大家對您的回覆，非常感謝:)。原來我只是沒有足夠的選擇。這是我第一次使用屬性選擇器，所以我認爲我一定弄錯了。無論如何，非常感謝！ – morktron 2010-05-03 07:42:39

它的工作原理。要看到它的行動，嘗試改變顏色。無論如何，如果你想寬度爲100％，我會建議添加顯示：塊;

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

來源

2010-05-03 07:33:27 nc3b

使用選擇：

.bf_form_row label 
{ 
styles 
}

這將選擇具有一流的bf_form_row父內的所有標籤的元素。

希望幫助:)

來源

2010-05-03 07:33:00 Kyle

使用兩班前： - 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 
}

來源

2010-05-03 07:34:49 Salil

CSS屬性選擇器是否可以設計這個元素的樣式？

回答

相關問題