0

我有一个包含 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>

乘客样式.css 文件：

#main {
     border: 1px solid black;
}

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

我错过了什么？

4

4 回答 4

0

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

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

于 2013-07-11T14:57:59.993 回答
0

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

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

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

于 2013-07-11T14:52:46.553 回答
0

尝试这个：

#main {
     border: 1px solid black !important;
}
于 2013-07-11T15:22:01.157 回答
0

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

您也可以尝试添加 body { background-color: red; } 查看该样式表中的任何样式是否适用。

于 2013-07-11T14:46:38.723 回答