CSS没有选择

我在我的网站上有一个按钮，它从文件a中获取这个CSS

所以这个按钮：

<form class="recurly subscribe">
...
<button type="submit" class="submit">Subscribe</button> 

现在我正在尝试使用相同的CSS来设计不同的HTML元素。我有从文件A链接到css的HTML。这里是HTML

<button type="submit" class="submit recurly">Subscribe</button>

订阅

---

HTML是类submit的一个按钮。它也是类的重复。因此，我希望

.recury button.submit{…

能够拾取它。CSS文件已链接。我缺少什么？

您只需使用以下命令：

---

空格是子体选择器，因此

。重复地
尝试选择子体。元素不是它们自己的子体

您可以更新选择器：

.recurly button.submit, button.recurly.submit

这将影响
按钮。提交
是
的后代。重复提交
，但如果按钮本身是
。重复提交
。这似乎有点多余，因此您可能希望只使用其中一个。
当前CSS的设置方式是针对具有类的
按钮
元素ode>submit
，是类为
recurly
的元素的子元素。如果希望将
submit
和
recurly
作为其类的按钮作为目标，请使用：

button.submit.recurly {
    ...
}

或者使用逗号分隔目标并更改原始CSS：

.recurly button.submit {
    ...
}

为此：

.recurly button.submit, button.submit.recurly {
    ...
}

这将对两个按钮应用您定义的任何样式

.recurly button.submit {
    ...
}

.recurly button.submit, button.submit.recurly {
    ...
}