自舉混入不工作

我目前瞎搞與引導少，少嵌套試圖做到以下幾點：自舉混入不工作

LESS：

.class1 { 
    .jumbotron; 
    div { 
    .container(); 
    color: white; 
    } 
}

HTML（只是一部分，當然事項）：

<div class="class1"> 
    <div> 
    <h1>Heading</h1> 
    <p>Some text</p> 
    </div> 
</div>

但.container（）mixin在嵌套時拒絕工作。請注意，文本顏色確實是白色的，這表明問題僅在Bootstrap mixins中出現。事實上，如果我這樣做：

.class1 div { 
    .container(); 
    color: white; 
}

它的工作原理就像一個魅力。但我確定LESS不應該這樣工作，所以任何幫助都非常感謝。提前致謝。

2017-03-17 Rafael

是「.jumbotron;」有效的LESS？我從來沒有見過一個類名，後面跟着一個分號。 – Louhike

這是一個Bootstrap的東西。事實上，由於某種原因（我現在只學習LESS tbh），無論我使用（）;要不就 ;如果mixin沒有要求參數 – Rafael

但是不是jumbotron只是一個類？這是上面的功能？ – Louhike

.class1 div { 
    .container(); 
    color: white; 
}

正在工作，所以問題來自您的選擇器或兩個選擇器之間的東西。看看.jumbotron;並編輯它，這樣你就可以解決衝突。

2017-03-17 14:14:49

最終這樣做。我不知道爲什麼以圖靈的名義，Twitter上的人做了像jumbotron.container {max-width：100％;}'這樣的東西，但他們完全做到了。 – Rafael

很高興幫助你:) –

回答