CSS：CSS中選擇html元素的問題

Question

我想使用CSS在html中設置表單的樣式。這是一個非常簡單的表單，所以我沒有想到在使用CSS選擇器訪問它時會遇到任何問題。但無論如何，當我試圖添加類似：

#maincontent #left_side #comments{ 
    margin: 100px; 
} 

或

#comments{ 
    margin: 100px; 
} 

我看不出有什麼明顯的效果。

對不起，我想我不是很描述性的，但不知道如何來形容這個問題... 也許你可以看看演示網址在這裏：

http://chess-advices.com:8000/article/ololo/ 並建議如何解決我的CSS，來預先表格？ （嗯，我其實只是需要先訪問）

在此先感謝

Answer 1

您忘了關此：

div.pagination span.disabled { 
padding: 2px 5px 2px 5px; 
margin-right: 2px; 
border: 1px solid #f3f3f3; 
color: #ccc; 
display:none; 

變化這：

div.pagination span.disabled { 
padding: 2px 5px 2px 5px; 
margin-right: 2px; 
border: 1px solid #f3f3f3; 
color: #ccc; 
display:none; 

}

要找到這樣的：線267在你的style.css也可以使用STRG/CMD + F查找它...

但我認爲，如果你加入這樣的：

form label { width: 100px; display: block; float: left; } 

form p { padding: 5px 0px 0px 0px; } 

表單會看起來更好:)

我希望這是你的問題的答案......

Answer 2

有在導致該CSS文件前面的錯誤。樣式div.pagination span.disabled樣式上沒有右括號，這會使瀏覽器跳過css文件的其餘部分。

注意：由於id在頁面中是唯一的，因此您只需要#comments即可定位元素。使用#maincontent #left_side #comments的唯一原因是，如果您需要更具體地覆蓋某些其他樣式，或者如果您使用多個頁面的樣式表，並且可能還有其他元素包含您不想定位的id註釋。