样式列表元素

Question

我想为每个列表的元素添加一些样式，该元素位于某个div中。我的haml代码如下所示：

.some_container
  %ul
    %li= "1 element"
    %li= "2 element"
      %ul
        %li= "some content"
        %li= "some content"
    %li= "3 element"

我想在父列表中为每个li应用一些样式，但不对子列表应用。所以我想用％text（“1元素”，“2元素”，“3元素”）添加样式到％li，并且仅限于它们。我有以下sass样式，但它适用于每个li元素。

  .some_container ul li
    margin: 15px 10px 10px 5px

如何修复它。感谢所有的anserws，对不起我的英语。这不是我的母语。

Answer 1

使用子选择器

将规则限制在第一级

.some_container > ul > li {
   ...
}

Answer 2

使用直接子选择器：

.some_container >  ul > li