HTML元素不會使用類或ID進行格式化

-1

我試圖構建一個只顯示div的單個頁面。當我嘗試使用類或ID作爲選擇器時，我的元素將不會格式化，但是當我使用實際元素作爲選擇器時，它的格式很好。HTML元素不會使用類或ID進行格式化

這是代碼我不會格式化股利或它所包含的段落：除了centerDiv id和centerText類格式就好

<!DOCTYPE HTML> 
<html> 
<head> 
<title>Placeholder</title> 
<style type="text/css"> 
body { 
    background-color:#9585FF; 
} 
.centerBox { 
    margin:auto; 
    width:60%; 
    height:1200px; 
    background-color:#D6D1F9; 
    padding:10px; 
    text-align:center; 
} 
h1 { 
    width:800px; 
    height:100px; 
    margin:auto; 
    color:white; 
    font-size:600%; 
    font-family:courier; 
    font-weight:bold; 
} 
#centerText { 
    font-size:140%; 
    font-color:#000000; 
    font-family:courier; 
    font-weight:bold; 
} 

a { 
    text-decoration:none; 
    color:inherit; 
} 
</style> 
</head> 
<body> 
<h1><a href="matthew-renze.netau.net">renze</a></h1> 
<div id="centerBox"> 
<p class="centerText">Some text for the center div</p> 
</div> 
</body> 
</html>

一切。當我放棄類/ ID和只使用元素名稱那些只工作：

.centerBox { 
    margin:auto; 
    width:60%; 
    height:1200px; 
    background-color:#D6D1F9; 
    padding:10px; 
    text-align:center; 
} 
#centerText { 
    font-size:140%; 
    font-color:#000000; 
    font-family:courier; 
    font-weight:bold; 
}

我意識到這是蠻好的我已經發布，但它會擰我，如果我嘗試添加更多divs或段落。可能我做了noob錯誤，但非常感謝幫助。謝謝。

來源

2015-10-20 Matthew R

在你的CSS問題是（）。你有'＃centerText'這是一個ID和'.centerBox'這是一個類。在你的HTML中，它們是相反的。你的CSS應該是'＃centerBox'和'.centerText' – disinfor

你已經有了'＃'和'''前綴。 '＃'用於ID，'.'用於類。 –

'.'代表類，'＃'代表ID。 fyi ID在頁面中應該是唯一的，你不應該重複它。 –

你的CSS應該是這樣的：

#centerBox { 
    margin:auto; 
    width:60%; 
    height:1200px; 
    background-color:#D6D1F9; 
    padding:10px; 
    text-align:center; 
} 
.centerText { 
    font-size:140%; 
    font-color:#000000; 
    font-family:courier; 
    font-weight:bold; 
}

，因爲在你的HTML頁面中間框是ID（＃）和centerText是類

code is given here (demo)

來源

2015-10-20 04:40:33

HTML元素不會使用類或ID進行格式化

回答

相關問題