我的div上的两个CSS类

Question

我有这个div：

<div class="page-template-default logged-in"></div>

我需要申请这样的课程：

.page-template-default .logged-in {
}

但这不起作用，为什么？

Answer 1

你需要让选择器之间没有空格。

.page-template-default.logged-in {

 }

这是一个链式类选择器。

Answer 2

你必须加一个逗号：

.page-template-default, .logged-in {
}