2016-12-15 42 views
0

我有這張表<table></table>並且裏面有很多<label></label>的內容。有沒有辦法將一些屬性應用於表格內的所有標籤,而不是外部的標籤。將屬性應用於表中的所有標籤

換句話說,我想寫點東西:

FOR each label IN my table: 
    APPLY: property 

PS:我知道的類,但如果我使用類,我就必須手動使用<class= >每個標籤。

+0

你可以添加一個類/ id到表中,然後你可以引用該類/ id中的標籤來應用屬性。 –

+0

https://jsfiddle.net/m9qb0gof/喜歡這個嗎? – sinisake

回答

2

你只是試圖風格<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>

+0

我忘了說我有超過1張桌子,我需要將這個屬性應用到一個表格的標籤上,而不是其他的。 – alekscooper

0

你需要的是谷歌更多,閱讀更多。

它稱爲css選擇器。你可以使用它像這樣

table label{ 
color:red; 
background:green; 
} 

等。它自己的類是指定這個特定的標籤應該做什麼,這個標籤應該做什麼。你可以在這裏找到更多all about selector