嵌套标记中的样式问题[重复]

提问者：小点点

我需要改变一些样式的列表在CSS。这是我的HTML代码。

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

我试着添加css

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

但这不起作用

共2个答案

匿名用户

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

匿名用户

当前，您要访问子元素（子菜单）类所做的是使用

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

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

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

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

CSS选择器中的空格意味着什么？即。classa.classb和。classa.classb之间有什么区别？

。classa.classb是指同时具有类A和B的元素（class=“classa classb”）；而。classa.classb指的是带有class=“classb”的元素从带有class=“classa”的元素派生而来的一个带有class=“classb”的元素。