基本HTML CSS。爲什麼我的按鈕上的CSS不起作用？

Question

我正在模擬現場學習。但我的按鈕上的css不起作用，我可以放任何CSS，他們的外觀不會改變。

HTML：

<div id="bottom"> 
    <form method="get"> 
     <button class="sButtons" type="submit" name="gSearch">Google Search</button> 
     <button class="sButtons" type="submit" name="gLucky">I'm Feeling Lucky!</button> 
</div> 

而CSS

#sButtons{ 
    overflow: visible; 
    padding: 0 7px; 
    width: 100px; 
    color: #ffffff; 
    background-color:black; 
} 

（我只是把非常隨機的值到它只是爲了看看是否有區別）

這裏對其餘鏈接我的代碼https://gist.github.com/Bitvala/4c0600c03c3a215fd023

Answer 1

在CSS中，類選擇器是用像這樣一個點：

.Divclass{ 
    position:absolute; 
} 

和ID選擇使用帶有＃，像這樣：

#DivID{ 
    position:absolute; 
} 

你想要做的是：

.sButtons{ 
    overflow: visible; 
    padding: 0 7px; 
    width: 100px; 
    color: #ffffff; 
    background-color:black; 
} 

Answer 2

變化#sButtons到.sButtons

或class至id