scss Hover funktioniert nicht

Ich habe einige Probleme mit dem Schweben, es funktioniert in der gleichen Code (CSS) gut, aber nicht scss. Ich habe Z-Index absichtlich für den Fall, dass das Problem war, gesetzt, aber es ist nicht.scss Hover funktioniert nicht

.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>

Quelle

2016-07-10 ZenKurd

Derzeit sagen Sie, dass Div ein Kind von .arithmetik ist. Ist das korrekt? – NealVDV

ja in der Tat, ich möchte den Hover auf den divs – ZenKurd

Ich versuche immer Debugging mit dem Element geben ich suche einen roten Hintergrund. Versuchen Sie vielleicht, das zu dem Element 'div' hinzuzufügen, um sicherzustellen, dass es an der richtigen Stelle ist, um damit zu beginnen – NealVDV

Ok Ich löste das gerade jetzt, offenbar lag ein anderes div über der .arithmetics-Klasse. Ich änderte die Höhe und die Buttons schweben jetzt gut.

Quelle

2016-07-10 14:24:36 ZenKurd

Antwort

Verwandte Themen