css - 样式列表元素

Question

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

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

我想对父列表中的每个 li 应用一些样式，但不对子列表应用。所以我想用文本(“1 元素”、“2 元素”、“3 元素”)向 %li 添加样式，并且只向它们添加样式。我有以下 sass 风格，但它适用于每个 li 元素。

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

如何修复它。感谢所有 anserws 和抱歉我的英语它不是我的母语。

Answer 1

只需使用子选择器将您的规则限制在第一级

.some_container > ul > li {
   ...
}