html - 无法为子元素设置新的原始值

Question

我有下拉菜单，但子导航采用父导航的所有 css 设置。我可以让它不带任何东西并显示为未设置的元素吗？

结构如下:

<ul>
  <li>something</li>
  <li>something
    <ul>
      <li>submenu1</li>
    </ul>
  </li>
</ul>

Answer 1

可以通过外层ul的父元素直接添加这些属性。像这样:

li { // standard properties 
color: black;
}
.menu > ul > li { // properties only for the outer li elements 
color: red;
}