scss懸停不起作用

我有一些懸停問題，它工作在相同的代碼（CSS）罰款，但不是scss。爲了防止問題發生，我設置了z-index，但沒有。scss懸停不起作用

.arithmetics{ 
    height: 2.5em; 
    width: 100%; 
    text-align: center; 

    div{ 
     width: 25%; 
     font-size: 2em; 
     line-height: 1.2em; 
     display: inline-block; 
     color: rgba(33, 33, 33, 0.79); 
     vertical-align: top; 
     background-color: rgba(218, 111, 111, 0.51); 
     float: left; 
     z-index: 10; 

     &:hover{ 
     background-color: rgba(255, 179, 179, 0.51); 
     } 
    } 
    } 



    <div class="arithmetics"> 
    <div>+</div> 
    <div>-</div> 
    <div>/</div> 
    <div>X</div> 
    </div>

來源

2016-07-10 ZenKurd

目前您在說div是.arithmetics的孩子。那是對的嗎？ – NealVDV

是的，我希望懸停在divs上工作 – ZenKurd

我總是嘗試調試給予我正在尋找紅色背景的元素。嘗試將其添加到'div'元素，以確保它處於正確的位置 – NealVDV

好吧我剛剛解決了這個問題，顯然是另一個div覆蓋.arithmetics類。我改變了它的高度，現在按鈕懸停好了。

來源

2016-07-10 14:24:36 ZenKurd

scss懸停不起作用

回答

相關問題