我有這張表<table></table>
並且裏面有很多<label></label>
的內容。有沒有辦法將一些屬性應用於表格內的所有標籤,而不是外部的標籤。將屬性應用於表中的所有標籤
換句話說,我想寫點東西:
FOR each label IN my table:
APPLY: property
PS:我知道的類,但如果我使用類,我就必須手動使用<class= >
每個標籤。
我有這張表<table></table>
並且裏面有很多<label></label>
的內容。有沒有辦法將一些屬性應用於表格內的所有標籤,而不是外部的標籤。將屬性應用於表中的所有標籤
換句話說,我想寫點東西:
FOR each label IN my table:
APPLY: property
PS:我知道的類,但如果我使用類,我就必須手動使用<class= >
每個標籤。
你只是試圖風格<label>
是在table
?如果是這樣,只需使用父/子選擇器所以只有那些適用的樣式如下:
table label {
color: red;
}
<table border="1">
<tbody>
<tr>
<td><label>LABEL INSIDE TABLE</label></td>
</tr>
</tbody>
</table>
<label>LABREL OUTSIDE TABLE</label>
如果僅在這些表類添加到appropritate表的,你可以風格標籤:
table.test label {
color: red;
}
<table border="1" class="test">
<tbody>
<tr>
<td><label>LABEL INSIDE TABLE with class TEST</label></td>
</tr>
</tbody>
</table>
<table border="1">
<tbody>
<tr>
<td><label>LABEL INSIDE TABLE with no class</label></td>
</tr>
</tbody>
</table>
<label>LABREL OUTSIDE TABLE</label>
我忘了說我有超過1張桌子,我需要將這個屬性應用到一個表格的標籤上,而不是其他的。 – alekscooper
你需要的是谷歌更多,閱讀更多。
它稱爲css選擇器。你可以使用它像這樣
table label{ color:red; background:green; }
等。它自己的類是指定這個特定的標籤應該做什麼,這個標籤應該做什麼。你可以在這裏找到更多all about selector
你可以添加一個類/ id到表中,然後你可以引用該類/ id中的標籤來應用屬性。 –
https://jsfiddle.net/m9qb0gof/喜歡這個嗎? – sinisake