好的，我有這個非常簡單的影片邏輯
.result{
animation: make 500ms both
/*My CSS*/
}
@media screen and (max-width: 540px){
.result{
animation: make540 200ms both;
}
.result:hover{
animation: explode540 200ms both
}
}
.result:hover {
animation: explode 500ms both
}
正如人們所料，make影片似乎是根據媒體查詢完美呈現的。但是，無論如何，懸停邏輯始終是上述情況下的默認邏輯，即沒有任何媒體查詢的邏輯。
這是預期的行為嗎？或者我錯過了什么？
uj5u.com熱心網友回復：
剛剛定義了.result:hover上面的媒體查詢，以便如果將其設定為默認值，則在媒體查詢時更改。我認為 CSS 是按照指定的順序進行的，這樣就成功了
.result{
animation: make 500ms both
/*My CSS*/
}
.result:hover {
animation: explode 500ms both
}
@media screen and (max-width: 540px){
.result{
animation: make540 200ms both;
}
.result:hover{
animation: explode540 200ms both
}
}
如果這很明顯，請不要怪我。我不是專業的 Web 開發人員。我是一名專業的 Android 開發人員，我只是在構建一個私人服務器，所以我正在修補它。
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/363394.html
上一篇：如何解決雙重Lottie影片問題
下一篇：如何在FlowEnt中開始補間