有人可以告訴我如何正確使用類選擇器嗎？

-2

<html> 
<head> 
    <link rel=「stylesheet」 type=「text/css」 href=「style.css」 /> 
</head> 

<body> 

    <p>Red</p> 

</body> 

</html>

CSS文件：

p { 
    color: red; 
}

，當我在瀏覽器中打開頁面 '紅' 這個詞不會更改爲紅色文本。如果有人會知道爲什麼我的CSS文件沒有鏈接到HTML文件，將不勝感激。這些文件位於相同的目錄中。

2015-07-01 jpr1994

定義。其他的東西可能是錯誤的，比如樣式表未被加載。 –

[無法重現]（http://jsfiddle.net/xnc5a4hh/） – Oriol

我同意@MichaelChaney。如果在文檔的其他地方有樣式表，請嘗試刪除它們，因爲可能有另一個CSS規則覆蓋您提到的那個。 – leemac

您提供的代碼沒有錯誤。

請複製&下面的代碼粘貼到您的HTML文件，並確認這個作品：

的index.html：

<style> 
.menu p { 
    color: red; 
} 
</style> 

<div class="menu"> 
     <p>This sentence should be red.</p> 
</div>

然後移動CSS來mystyle.css和驗證工作的：

的index.html：

<head> 
<link rel="stylesheet" type="text/css" href="mystyle.css"> 
</head> 
<div class="menu"> 
    <p>This sentence should be red.</p> 
</div>

mystyle.css：

.menu p { 
    color: red; 
}

請檢查文件mystyle.css的位置，並根據index.html中的網址進行驗證：

周

的index.html：

<head> 
<link rel="stylesheet" type="text/css" href="mystyle.css"> 
</head>

2015-07-01 23:07:11

你的代碼看起來很好，也許是「P」是已經在你正確使用它你的CSS file.Try這

.menu p { 
    color: red !important; 
}

2015-07-02 00:22:36

回答