Question

我可以在一个页面中为多个特定表格分配一个外部css样式表吗？

Answer 1

<强>的style.css

#someid{
    color: red;
}

<强> HTML

<head>
    <link rel="stylesheet" href="style.css" type="text/css" />
</head>

...

<table id="someid">
    ...
</table>

Answer 2

是。你能行的。但是从性能角度来看，使用多个样式表并不好。如果您知道一旦构建完CSS代码就永远不会更改CSS代码，那么单个样式表最适合您。如果您要在一段时间内更改CSS，并且需要使其易于管理/更新，那么多个样式表是很好的。

将外部样式表分配到特定表格：

1.首先在你的html页面代码中为你的表分配一个css类名或css id名称（例如我使用类名“table-with-external-SS”），如下所示：

<table class="table-with-external-SS">
<thead>
..............
..............
..............
</table>

2.然后创建一个外部样式表，该样式表仅针对该表的class.Write css，以仅定位具有类的表，例如“.table-with-external-SS”如下：

table.table-with-external-SS {
    color: navy;
    background-color: cyan;
}

3.以任何名称保存，例如mystylesheet.css。然后将此样式表链接到head部分的html代码中，如下所示：

<head>
<link rel="stylesheet" type="text/css" href="mystylesheet.css">
</head>

希望它有所帮助。