Question

我有一个div元素，它有3个类：

<div class='captcha_article captcha_email captcha_register'></div>

如何在不影响div中其他两个类的样式的情况下，以第三类为目标？

另外，如果我有4个课程，如何在不使用last-child属性的情况下定位最后一个课程？ :nth-child会在这里适用吗？

Answer 1

你误解了CSS。

您可以在CSS文件中执行此操作，为captcha_register类添加样式。

.captcha_register {
    // Attributes go here
}

根据CSS文件中的位置，将确定添加到captcha_article和captcha_email类的任何样式属性是否会受到影响。

例如：

.captcha_article {
    height: 200px;
}

.captcha_register {
    height: 100px; // This will override the height of 200px on the div
}

更新

如果每个类都假设代表一个不同的网页，那么将它们全部添加到同一个元素可能会解释为什么您会看到意外的结果。将所有类中出现的样式组合成一个可重用的类可能会更好，我们可以将其称为.page。然后在每个页面上使用它，你可以用另一个类修改它，如果它需要修改。