過濾內部手寫筆選擇器

Question

我有幾個.list元素，都需要紅色。在這些.list元素中，類別爲.foo的元素需要較大的字體，而.bar則需要較小的字體。

在CSS，這將是沿着線：

.list { 
    color: red; 
} 

.list.foo { 
    font-size: 150%; 
} 

.list.bar { 
    font-size: 75%; 
} 

是否有手寫的方式來得到這個不用.list三次？我知道這個工程：

.list 
    color red 

.list.foo 
    font-size 150% 

.list.bar 
    font-size 75% 

我想類似的東西，而不是下面，以使其更清晰一切都屬於.list元素，具有一定的約束（.foo，.bar）增加了對特定屬性。下面，但是，選擇的後代代替：

.list 
    color red 

    .foo 
    font-size 150% 

    .bar 
    font-size 75% 

是否有手寫筆一語法，允許這種結構，即，過濾元件內.list，和某些性質適​​用於每個「分支」（.list.foo，.list.bar） ？

Answer 1

手寫筆利用&來引用上一個嵌套級別中的選擇器（「父選擇器」），類似於Sass/SCSS和LESS。這在Stylus的參考文獻Selectors中顯示。

我以前沒有使用手寫筆，而是看是否適合你了以下工作：

.list 
    color red 

    &.foo 
    font-size 150% 

    &.bar 
    font-size 75%