兩個鏈接的CSS文件不工作

<head> 

    <title>Water Bureau</title> 
    <link rel="shortcut icon" href="/favicon.ico" /> 
    <link rel="stylesheet" href="/css/main.css" type="text/css" media="screen" title="Main CSS"> 
    <link rel="stylesheet" href="custom.css" type="text/css" media="screen" title="Custom Styles"> 
    <script language="JavaScript" src="/shared/js/createWin.js" type="text/javascript"></script> 

</head>

那的代碼，但「custom.css」是行不通的。它根本不起作用。如果我們將@import添加到main.css或者添加到頭部而不是它，它可以正常工作。有任何想法嗎？我們也擺脫了媒體=「屏幕」。兩個鏈接的CSS文件不工作

它內部的CSS工作正常，只是當我們堆疊這兩個時，第一個被解析的是瀏覽器讀取的唯一一個。所以如果我們把主要的東西換成了自定義的東西，那麼定製的東西比起作品要少，而不是主要的東西。而自定義只包含CSS片段，並且不會覆蓋main中的所有CSS，只有1個元素。

我找不出來！我們在報頭之外編輯樣式表（我們拿出了試圖解決這一問題），他們工作得很好......

來源

2010-06-03 Oscar Godson

像hsource說的，嘗試驗證兩個css文件。

http://jigsaw.w3.org/css-validator/

也只是試試這個，而不在同一個文件夾都CSS文件標題的事情，無論是相對於頁面被導入它們：

<link rel="stylesheet" type="text/css" href="css/main.css" media="screen" /> 
<link rel="stylesheet" type="text/css" href="css/custom.css" media="screen" />

這也可能是因爲你沒有使用任何文檔類型，也沒有關閉您的鏈接標籤，與此相關的東西可能是您的問題。所以，試試這個：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
    <title></title> 
    <link rel="stylesheet" type="text/css" href="css/main.css" media="screen" /> 
    <link rel="stylesheet" type="text/css" href="css/custom.css" media="screen" /> 
</head>

來源

2010-06-03 00:25:20 Gavrisimo

謝謝，DOCTYPE的東西工作:)其奇怪的......我不能相信沒有人提到過這個HTML5規範。我們對HTML5使用<！DOCTYPE html>，但改變它似乎工作。 – 2010-06-04 16:12:26

有一兩個地方，我想可能是這個問題：

的custom.css的href當前指向HTML文件的當前目錄中的位置。如果custom.css位於main.css之類的/ css目錄中，則必須添加該目錄。當您使用@import標籤，因爲@import相對於main.css的文件被包括在內，它可以在同一目錄中找到custom.css爲main.css的
有一個未關閉CSS標籤或東西是打破所有的CSS都在它後面;這是不太可能的，但你可以用W3.org CSS validator驗證你的CSS。

來源

2010-06-03 00:20:17 phsource

這可能是由於CSS處理style precedence的方式，但也可能是由錯誤的標記引起的。嘗試驗證您的文檔或使用custom.css樣式表的絕對路徑。

來源

2010-06-03 00:22:15 Zackman

GaVra，你是對的文檔類型，等等。我們應該知道的是，鑑於HTML5的doctype正在使用，可能是沒有完全準備好採取行動。

謝謝！

來源

2010-06-03 21:36:21 robalan

兩個鏈接的CSS文件不工作

回答

相關問題