如何引用先前定義的樣式

Question

我是新來上海社會科學院，和我有H1，H2，在.sass文件中定義H3，和我想要做的東西像下面這樣：

h1 { 
    font-size: 25px; 
} 

.section { 
    h1 { font-size: h1.font-size - 5px; } 
} 

我知道語法是不正確的，但我認爲你得到了要點。會真的很感激它。

Answer 1

你必須存儲在一個變量的值：

$h1-font-size: 25px; 

h1 { 
    font-size: $h1-font-size; 

    .section & { 
     font-size: $h1-font-size - 5; 
    } 
} 

這會產生以下CSS：

h1 { font-size: 25px; } 
.section h1 { font-size: 20px; }