2014-07-09 47 views
-1

我今天正在運行一個項目,並希望使用+選擇器來限制我的樣式參數的範圍。儘管我遇到了一個有趣的問題。像這樣的東西造成的問題/ Excedrin:我不清楚如何使用SCSS代碼中的+選擇器

li { 
    selector: 10px; 
    selector: 12%; 
    &:hover { 
     text-decoration: underline; 
     &+a:after { 
      content: ""; 
      fancyborderstuff: stuff; 
     } 
    } 
} 

不要拿我作爲一個功能的例子。重要的部分是我打算獲得ELEMENT + ELEMENT,而沒有得到任何/零。 Poof,不妨輸入「derp」。

那麼,在SCSS中嵌套時使用+選擇器的正確方法是什麼?

+0

「最重要的是,我打算獲取元素+元素,而不是啥都沒/ ZERO」。那麼它是否剛剛起步並從生成的CSS中消失? – BoltClock

+0

是的,這一切都沒有發生。例如,我希望我保存了該狀態下的代碼。我基本上最終覆蓋了導航樹下方的僞選擇器。 – Imperative

回答

2

如何在代碼中獲得li + a是沒有機會的。

上行線路只能有李孩子,所以你有這些選項:

& + li {} /* next LI */ 
& a {}  /* A in current LI, shorter just A, without & */ 
& + li a {} /* A in next LI */ 
+0

那可能是這個問題,我在做一些CSS不喜歡的事情。我試圖只抓住處於懸停狀態的LI上的標籤,但不會比第一個導航層抓得更遠。這是相當複雜的。欣賞關於選擇器規則的說明。 – Imperative

+0

如果SCSS編譯器實際上通過@Imperative去掉和刪除基於HTML驗證規則的任意規則集,我會感到驚訝 - 但是您描述它的方式聽起來很像它正在做的事情。 – BoltClock

+0

@BoltClock我希望我檢查過。它可能已經通過格式通過驗證寫入了規則,但是CSS簡單地忽略了它,因爲我使用了僞選擇符到錨點的方式。 – Imperative

相關問題