嵌套标签中的样式问题

Question

我需要更改CSS中列表的某些样式。这是我的HTML代码。

<div class="is-sticky">
   <div class="menu">
      <ul class="sub-menu"> ...... </ul>
   </div>
</div>

我试图添加css之类的

.is-sticky.sub-menu {
     top:10px;
}

但这不起作用

Answer 1

.is-sticky .sub-menu {
     top:10px;
}

Answer 2

当前您正在访问子元素的（子菜单）类的操作是 使用

.is-sticky.sub-menu {
     top:10px;
}

没有空格，但是当您在is-sticky和子菜单之间添加空格时，如下所示：

.is-sticky .sub-menu {
     top:10px;
}

您访问is-sticky类中的子菜单类。

What does a space mean in a CSS selector? i.e. What is the difference between .classA.classB and .classA .classB?

.classA.classB引用同时具有类A和B的元素 （class =“ classA classB”）;而.classA .classB是指元素 具有class =“ classB”的元素是来自具有class =“ classA”的元素的。