Question

我有一个包含html元素的jsp文件，它有一个带有特定id的表。当我添加边框：1px;内部样式然后它工作，但当我想使用指定样式的css文件，然后它没有，因此根本没有边框。

jsp文件的相关部分：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Airline Database</title>
<link rel="stylesheet" type="text/css" href="styles/PassengerStyle.css"/>
</head>
<body>
    <table id="main" width="1300px">
             ...
    </table>
</body>
</html>

PassengerStyle.css文件：

#main {
     border: 1px solid black;
}

css文件位于与jsp文件位于同一文件夹中的styles文件夹中。

我错过了什么？

Answer 1

它可能找不到样式表，即url是错误的。您是否尝试导航到“查看源”中的代码认为该文件所在的位置？那可能与现在不同。

你也可以尝试添加身体{background-color：red;查看该样式表中的任何样式是否适用。

Answer 2

您可以使用Firebug或Chrome开发人员工具查看您的CSS是否被不同的规则覆盖，您可以使用这些工具的网络标签查看加载外部样式表是否有任何错误。

将!important添加到您的css样式可以帮助调试，但我不建议将它用于生产用途。

还尝试清除缓存以查看是否正在使用以前版本的样式表。

Answer 3

我会尝试查看样式表中的任何其他样式是否适用（或进行测试），如果他们这样做，那么我想知道该表是动态生成的吗？如果其他样式确实有效，我会尝试让表格在标签中设置样式，而不是在样式表中使用id引用，看看是否有效。如果不适用，可能是一个破损的样式表链接。

我还建议将'width = 1300px'与其他css样式一起放在css样式表中。

Answer 4

试试这个：

#main {
     border: 1px solid black !important;
}

外部CSS中的样式html表不起作用

4 个答案: