SASS - 應用更改:: after：after hover

我試圖在:: after元素上應用更改時：懸停但它不起作用，這裏是我的代碼，請告訴我什麼是錯的，謝謝！SASS - 應用更改:: after：after hover

&::after 
 
    content: "" 
 
    width: 100% 
 
    height: 100% 
 
    background: 
 
    image: url('../img/couverture.jpg') 
 
    size: cover 
 
    position: center 
 
    repeat: no-repeat 
 
    //outline: 1px solid red 
 
    position: absolute 
 
    z-index: 1 
 
    &::after:hover 
 
    outline: 1px solid red

來源

2017-08-17 Hatem

發佈您的完整代碼 – Hash

'＆：hover'與'＆:: after'同一縮進處怎麼樣？ – Abhi

第二個':: after'應該嵌套在第一個？這就是你現在讀取的代碼。加上花括號可以讓事情變得更加清晰。 – ContinuousLoad

您應該會在等之後的下方縮進懸停：

.element { 
    &:after { 
     &:hover { 
      styling:here; 
     } 
    } 
}

來源

2017-08-17 11:21:58 heady12

，而不是

:after:hover

嘗試

:hover:after

來源

2017-08-17 11:18:05 Greg

我猜你的CSS渲染會像，

Element::after::after:hover{ outline: 1px solid red }

這是無效的，而且hover上:after將無法正常工作。

來源

2017-08-17 11:27:18

SASS - 應用更改:: after：after hover

回答

相關問題