作为链接的按钮的 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 的准系统基础。