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>

PassengerStyle.css ファイル:

#main {
     border: 1px solid black;
}

css ファイルは、jsp ファイルと同じフォルダーにある styles フォルダーにあります。

私は何を取りこぼしたか？

4

4 に答える 4

0

Firebug または Chrome 開発者ツールを使用して、CSS が別のルールによってオーバーライドされているかどうかを確認できます。これらのツールのネットワーク タブを使用して、外部スタイルシートの読み込み中にエラーが発生したかどうかを確認できます。

css スタイルに追加!importantするとデバッグに役立ちますが、本番環境での使用はお勧めしません。

また、キャッシュをクリアして、以前のバージョンのスタイルシートが使用されているかどうかを確認してください。

于 2013-07-11T14:52:46.553 に答える
0

スタイルシートが見つからない可能性があります。つまり、URL が間違っています。「ソースの表示」のコードがファイルがあると考える場所に移動しようとしましたか? それはおそらくそれがどこにあるかとは異なります。

body { background-color: red; を追加してみることもできます。そのスタイルシートのスタイルが適用されるかどうかを確認します。

于 2013-07-11T14:46:38.723 に答える
0

これを試して：

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

スタイルシートの他のスタイルが適用されるかどうか (またはテストを行うかどうか) を確認しようとしますが、適用される場合は、テーブルが動的に生成されるのでしょうか? 他のスタイルが機能する場合は、スタイル シートで id 参照を使用するのではなく、タグでクラスをスタイルするテーブルを指定して、それが機能するかどうかを確認します。何も当てはまらない場合は、スタイル シートのリンクが壊れている可能性があります。

また、他の CSS スタイルと一緒に CSS スタイル シートに 'width=1300px' を入れることをお勧めします。

于 2013-07-11T14:57:59.993 に答える