什么是“> ul”在SASS中意味着什么?

时间:2013-08-05 14:01:35

标签: sass stylus

这是SASS代码部分:

#main-nav{
     >ul{
              blahblah
        }
}

所以我想知道字符串“> ul”的确切含义是什么意思?我在SASS手册中找不到它。

此外,它可以翻译成手写笔吗?

2 个答案:

答案 0 :(得分:17)

这是用于选择元素子元素的CSS语法。有关其工作原理的更多信息,请参阅this reference

  

此选择器匹配所有直接子元素   指定的元素。子选择器中的组合子是   大于号(>)。它可能被空白字符包围,   但如果是,Windows上的Internet Explorer 5将错误地对待它   作为后代选择者。因此,最佳做法是避开空白   围绕这个组合器。

答案 1 :(得分:7)

#main-nav {
    > ul {
        color: red;
    }
}

CSS中的相同:

#main-nav > ul { color: red }

关于>选择器,您可以在这里阅读http://net.tutsplus.com/tutorials/html-css-techniques/the-30-css-selectors-you-must-memorize/(#8)