将属性应用于表中的所有标签

时间:2016-12-15 09:06:24

标签: html css html-table

我有这张表<table></table>,里面有很多<label></label>。有没有办法将一些属性应用于表中的所有标签,但没有应用于外部的任何标签。

换句话说,我想写一些东西:

FOR each label IN my table:
    APPLY: property

PS:我知道这些课程,但如果我使用课程,我必须手动为每个标签使用<class= >

2 个答案:

答案 0 :(得分: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>

答案 1 :(得分:0)

你需要的是谷歌更多,阅读更多。

它调用了css选择器。你可以像这样使用它

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

等等。它自己的类是指定这个特定标签应该做什么,这个标签应该做什么。你可以在all about selector

找到更多信息