手写笔中的“.yy & .xx {...}”和“.yy .xx {...}”有什么区别?
What's the difference between ".yy & .xx {...} " and ".yy .xx {...} " in stylus?
手写笔的"A"和"B "有什么区别?
A:
.yy
& .xx
{...}
--------
B:
.yy
.xx
{...}
在 A 中,使用 &
表示两个 类 适用于同一元素。也就是说,您将匹配这样的元素:
<div class="yy xx">...</div>
在B中,两个选择器是嵌套的。因此,您将匹配 class='yy'
.
中的任何 class='xx'
<div class="xx">I don't match</div>
<div class="yy">
<div class="xx">I match</div>
</div>
这个是一样的expressions.exampleA是多余的。默认情况下,Stylus 中有嵌套。所以你总是可以使用示例 B
手写笔的"A"和"B "有什么区别?
A:
.yy
& .xx
{...}
--------
B:
.yy
.xx
{...}
在 A 中,使用 &
表示两个 类 适用于同一元素。也就是说,您将匹配这样的元素:
<div class="yy xx">...</div>
在B中,两个选择器是嵌套的。因此,您将匹配 class='yy'
.
class='xx'
<div class="xx">I don't match</div>
<div class="yy">
<div class="xx">I match</div>
</div>
这个是一样的expressions.exampleA是多余的。默认情况下,Stylus 中有嵌套。所以你总是可以使用示例 B