2016-12-15 6 views
0

このテーブルは<table></table>であり、内部には多くのものがあります。<label></label>があります。テーブル内のすべてのラベルにいくつかのプロパティを適用する方法がありますが、外部のラベルには適用されません。テーブル内のすべてのラベルにプロパティを適用する

FOR each label IN my table: 
    APPLY: property 

PS:つまり

、私は何かを書きたいのですが、私はクラスについて知っているが、私はクラスを使用している場合、私は手動で各ラベルに<class= >を使用する必要があります。

+0

テーブルにclass/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つ以上のテーブルを持っていると言って忘れて、私は1つのテーブルのラベルに属性を適用する必要がありますが、他にはありません。 – alekscooper

0

もっと読む、もっと読む。

これはcssセレクタと呼ばれます。そうでこの

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

と同じように使用することができます。クラスそのものは、この特定のラベルが何をすべきかを指定することであり、このラベルはすべきです。ここで詳細を見つけることができますall about selector

関連する問題