Html 设置除2个按钮外的所有按钮的样式

通过这段代码，我为所有按钮提供了一个框架。但是，我不想为按钮“searchsubmit”和“single\u add\u to\u cart\u button”设置框架。我该怎么做？

只需做：

类别：

.searchsubmit{border:none；！important}

和

。单个添加到购物车按钮{border:none；！important}

Id:

#searchsubmit{border:none；！important}

和

#单个添加到购物车按钮{border:none；！important}

---

它可以更干净，但这有助于……：）

我相信这些是你的班名。如果是，则可以添加边框：无！重要的

.button , button{
border:solid black 2px !important;
}

---

这并不难

有两种方法，第一种更简单，推荐使用

button.searchsubmit, 
button.single_add_to_cart_button {
   border: none !important;
}

在HTML中，您可以将类“noBorderButton”添加到按钮中

.noBorderButton{
      border : none !important;
}

---

是的，再次将类“noBorderButton”添加到您不希望这些样式工作的按钮中。

您可以使用非css选择器

button:not(.noBorderButton){
border:solid black 2px !important;
}

---

非常简单，您可以使用：not selector忽略具有特定类的这两个按钮：

.button , button:not(.searchsubmit):not(.single_add_to_cart_button) {
   border:solid black 2px !important;
}

或者你可以用我不推荐的相反的方法来做，就像你给一个按钮设置了一个边框，然后取消设置：

.button , button , button:not('single_add_to_cart_button') , button:not('searchsubmit') {
border:solid black 2px !important;
}

---

（当然，上面的样式必须在.button和button样式之后才能覆盖它）

您可以只覆盖该按钮的样式，这将覆盖用户代理样式表，并导致该按钮完全没有边框！这将覆盖用户代理样式表，并导致按钮完全没有边框@马丁，这就是他想要的？他根本不希望它有一个边界。OP实际上说的是我不想有一个框架。您提供的代码将从按钮中完全删除边框，而不是删除黑色边框

.button , button , button:not('single_add_to_cart_button') , button:not('searchsubmit') {
border:solid black 2px !important;
}

button.searchsubmit , button.single_add_to_cart_button {
   border: none !important;
}