懸停和CSS3之前的問題

是否有可能在:before元素上生成:hover以便顯示它的內容？懸停和CSS3之前的問題

https://stackoverflow.com/questions/5777210/how-to-write-hover-condition-for-abefore-and-aafter – onetwo12

可能的重複[如何寫：懸停條件爲：之前和之後？ ]（https://stackoverflow.com/questions/5777210/how-to-write-hover-condition-for-abefore-and-aafter） – cjl750

是的，它可以像..做

.selector:hover:before {/* css rule goes here */}

2017-07-13 12:36:25

這是不可能添加:hover風格（或:active，或:focus）像:before或任何元素:after。它們必須應用於實際的HTML元素，而不是僞元素。

從您的屏幕截圖看來，您嘗試創建懸停菜單。根據你的風格，你可能會將:hover樣式應用於ul本身。但是，您只能使用CSS控制ul樣式 - 根據其父級的懸停狀態（無JS）無法控制li樣式。

如果JS是一個選項，使用它 - 在這種情況下它應該非常簡單，並且會使代碼更容易。如果僅僅是CSS要求，則可以通過將<ul>設置爲特定高度（足夠大以顯示hover項目但沒有其他任何項目）並且給予ul:hover更大的高度或height: auto;等等來解決此問題。

2017-07-13 18:36:11

其所謂offcanvas

讓我知道如果您需要任何進一步的幫助

2017-07-14 13:42:58

回答