2014-01-10 72 views
2

Sass是否有一個選擇器來引用當前嵌套級別的元素?這樣可以避免這樣的重複:在Sass中選擇當前元素

.something { 
    color: red; 
    a { 
     color: red; // a tags are already styled globally 
    } 
} 

而我可以寫這個代替。

.something { 
    self, a { 
     color: red; 
    } 
} 
+0

可能重複[我如何獲得與SCSS中的類相同的對象?](http://stackoverflow.com/questions/17155962/how-do-i-get-the-same-object-with-a-class-in-scss ) – cimmanon

+1

這個問題是不同的是,無論是否有課程,我都想設置風格。 –

回答

4

有一個在薩斯3.3一個很好的新功能 - @at_root

.something { 
    &, a { 
     color: red; 
    } 
} 

使用此功能,您可以在這裏找到更多的變體:中

https://github.com/nex3/sass/issues/774

+0

太棒了!你能解釋一下#{&}做什麼嗎? –

+1

#{something here} - 這是一個簡單的插值,& - 鏈接到父元素 –

相關問題