我的网站上有一个按钮,正在从文件A中提取此CSS。

所以这个按钮:

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


通过此CSS设置样式:

.recurly button.submit {
height: 46px;


现在,我试图获取相同的CSS来设置不同的HTML元素的样式。我有从文件A链接到CSS的HTML。这是HTML

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


HTML是类提交的按钮。它也是递归类的。因此,我希望.recurly button.submit {...可以使用它。 CSS文件已链接。我想念什么?

最佳答案

该空间是后代选择器,因此.recurly试图选择一个后代。元素不是自己的后代。

您可以更新选择器:

.recurly button.submit, button.recurly.submit


这将影响作为button.submit的后代的.recurly,但是也会影响按钮本身就是.recurly的情况。这似乎有点多余,所以您可能只想坚持一个或另一个。

10-01 00:59