減去：類然後節點類型

我有兩個<p>和一個<button>，擴展某個class名爲test。我想知道是否可以將某些樣式規則添加到.test，然後添加特定的元素類型規則？減去：類然後節點類型

我認爲是這樣的：

.test { 
    font-weight: bold; 
    color: blue; 

    &p { 
     font-size: 26px; 
    } 

    &button { 
     font-size: 20px; 
    } 
}

我知道這是不可能寫這樣的。這個例子僅用於一個概念例子。

我讀過的文檔唉我什麼也沒找到......

任何想法，或者這只是不可能實現的？

來源

2016-09-14 Chax

[更改選擇順序（HTTP：// lesscss。組織/功能/＃父 - 選擇特徵變化的選擇器順序）。 [實施例]（http://less2css.org/#%7B%22less%22%3A%22.test%20%7B%5Cn%20%20%20%20font-weight%3A%20bold%3B%5Cn% 20％20％20％20color％3A％20blue％3B％5CN％5CN％20％20％20％20便士％26％20％7B％5CN％20％20％20％20％20％20％20％20font-尺寸％3A％2026px％3B％5CN％20％20％20％20％7D％5CN％5CN％20％20％20％20button％26％20％7B％5CN％20％20％20％20％20％ 20％20％20font尺寸％3A％2020px％3B％5CN％20％20％20％20％7D％5CN％7D％22％7D）。 –

這個例子很完美！ – Chax

如果我理解正確的話，你應該使用:extend：

LESS：

.test { 
    font-weight: bold; 
    color: blue; 
} 

p:extend(.test) { 
    font-size: 26px; 
} 

button:extend(.test){ 
    font-size: 20px; 
}

輸出：

.test, p, button { 
    font-weight: bold; 
    color: blue; 
} 
p { 
    font-size: 26px; 
} 
button { 
    font-size: 20px; 
}

來源

2016-09-15 06:26:15 blonfu

'.test'是否可以擴展'p'？ – Chax

是的，你可以這樣做'.test：extend（p）'和.test獲得'p'的屬性 – blonfu

由於我想'p'獲得'.test'屬性而不是相反。我是否正確？ – Chax

減去：類然後節點類型

回答

相關問題