在外部css中設計html表格不起作用

我有一個包含html元素的jsp文件，它有一個特定的id表。當我添加邊框時：1px;樣式內部然後它工作，但是當我想要使用指定樣式的css文件，那麼它不，因此沒有邊框。在外部css中設計html表格不起作用

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文件的樣式文件夾。

我錯過了什麼？

來源

2013-07-11 frauneworld

是Firebug顯示錯誤的網絡選項卡？ –

它可能找不到樣式表，即url是錯誤的。你有沒有嘗試導航到'視圖源'中的代碼認爲文件所在的位置？那可能與現在不同。

你也可以嘗試添加body {background-color：red; }來查看該樣式表中是否有任何樣式適用。

來源

2013-07-11 14:46:38 Tdelang

謝謝你的問題 – frauneworld

您可以使用Firebug或Chrome開發人員工具查看您的CSS是否被不同的規則覆蓋，並且可以使用這些工具的網絡選項卡查看是否有任何加載外部樣式表的錯誤。

將!important添加到您的CSS樣式可以幫助調試，雖然我不建議它用於生產使用。

也請嘗試清除緩存以查看是否使用了先前版本的樣式表。

來源

2013-07-11 14:52:46 user1171848

問題不是它採取了不同的規則，它嘗試了一個錯誤的URL，但使用鉻開發工具是一個好主意，謝謝:) – frauneworld

我會試着看看樣式表中是否有其他樣式適用（或做了測試），如果他們這樣做，那麼我會想知道表是動態生成的嗎？如果其他樣式能夠工作，我會嘗試給表格設置樣式，使用樣式表中的id參考，並查看是否有效。如果什麼都不適用，可能是一個破碎的樣式錶鏈接

我還建議把'width = 1300px'和其他css樣式一起放在css樣式表中。

來源

2013-07-11 14:57:59

它是動態生成的，我把在CSS中的寬度，但問題是，它試圖達到錯誤的網址 – frauneworld

試試這個：

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

來源

2013-07-11 15:22:01 javitube

在外部css中設計html表格不起作用

回答

相關問題