CSS更改特定按钮的属性

Question

我有一个按钮类 button.ttfm2 ，但我想更改按钮[type =＆＃34;提交＆＃34;]：悬停此特定按钮：

目前我的代码是：

.ttfm2 button[type="submit"]:hover {
background-color: #28AE47 !important;
}

我缺少什么？

Answer 1

正确的代码是：

button[type="submit"].ttfm2:hover {
   background-color: #28AE47; /* avoid using !important */
}

您试图使用后代选择器在ttfm2元素中选择提交类型的按钮，但您需要使用多重选择器，即具有类ttfm2的按钮

示例输出：

＆＃13;

＆＃13;

button[type="submit"].ttfm2 {
  transition: all ease 2s;
}
button[type="submit"].ttfm2:hover {
  background-color: #28AE47;
}

＆＃13;

<button type="submit" class="ttfm2">Test</button>
<button class="ttfm2">This will not work</button>

＆＃13;

＆＃13;

＆＃13;

Answer 2

选择器：

button[type="submit"].ttfm2:hover {
   background-color: #28AE47 !important;
}