Question

有没有办法在不使用内联CSS的情况下将一些CSS放入我的html页面的BODY部分？例如：我想让一个表的所有元素变红。在这里下方：每个TD需要相同的样式=“..”。

<table>
<tr>
<td style="background-color:#f00">RED</td>
<td style="background-color:#f00">RED</td>
</tr>
</table>

Answer 1

如果您希望某个特定表的所有'td'元素都具有特定的css样式，则应使用以下代码：

HTML：

<table id="tableOne">
    <tr>
        <td>red background</td>
        <td>red background</td>
    </tr>
</table>
<table>
    <tr>
        <td>blank background</td>
        <td>blank background</td>
    </tr>
</table>

的CSS：

#tableOne td{
    background-color: #FF0000;
}

Answer 2

<table class="myClass">
   <tr>
     <td>RED</td>
     <td>RED</td>
</tr>
</table>

你的css课 myClass ：

.myClass td
{
   background: #F00;
}

Answer 3

在嵌入式或外部样式表中：

td { background: #F00; }

就是这样。

Answer 4

要保留正文中的所有代码，您可以使用javascript首先找到所有TD，然后应用背景颜色：

<script>
        var cells = document.getElementsByTagName("td");
        for (var i=0; i<cells.length; i++) {
            cells[i].style.backgroundColor = '#c0c0c0';
        }
</script>

CSS部分（没有内联）

4 个答案: