用於鏈接的按鈕的HTML文件和CSS文件？

Question

我知道已經討論過他的問題，但是我似乎無法得到明確的答案。

我想創建兩個按鈕，一旦單擊它們，它們就像鏈接到不同頁面一樣。 我在HTML文件中使用了以下代碼，並創建了一個CSS文件來編輯按鈕的外觀。 我的問題是如何命名html文件中的兩個按鈕，以便例如可以分別在CSS文件中編輯它們的樣式。

[HTML代碼]

      <button onclick="location.href='something.html'">Click this</button>

      <button onclick="location.href='http://www.blah.com'">Click this too</button

[CSS代碼]

             button{
             float: left;
             position: relative;
             left: 40%;
             background: red;

             }

Answer 1

您將使用類或ID來區分這兩個元素

 #button1 { background: red } #button2 { background: green } 

 <button id="button1">Click this</button> <button id="button2">Click this too</button 

CSS的准系統基礎知識。

Answer 2

人們會告訴您設置鏈接樣式，例如按鈕，雖然優雅，但不支持。 很久以前，我經常對導航鏈接進行此操作，最后我發現用戶代理排除了padding-bottom和padding-top 。 這是因為鏈接或<a>是inline元素，並且內聯元素的響應方式與block相同。

涵蓋了button的a是我的解決方案，與thte按鈕指着我的CSS一起。 在a標簽可以忽略不計，除了添加你的鏈接時。

<a href="http://example.com">
    <button>Example</button>
</a>