[英]How do I change the color of a hovered item?
我目前正在嘗試實現一種暗模式，我正在為此苦苦掙扎：
如您所見，當禁用暗模式時。nav-item 懸停並且可以看到文本，但是當啟用暗模式時，由於顏色的原因幾乎不可能看到。
事情是我不能這樣說：
.nav-item:not(.is-active):hover
作為一個類名，以便在.nav-item:not(.is-active):hover與特定顏色的燈光模式和.nav-item:not(.is-active):hover 之間切換（讓我們說白色）用於暗模式。
我希望你能幫助我。 提前致謝： ：）
當您為nav-item打開dark-mode class 時，您可以使用.dark-mode.nav-item:not(.is-active):hover Z2C56C360580420D293172F42D 選擇器使用此選擇器創建樣式將允許您使用dark-mode class 定位nav-item 。 在該樣式中，您可以在暗模式下為 hover 定義不同的顏色。
有關可用的 CSS 選擇器類型的更多信息，請查看W3 學校的此頁面。
將鼠標懸停在上下文菜單上時，如何更改它的顏色
[英]How to change the color of an li item of the context menu, when hovered over it
ThreeJS如何在PlaneGeometry上更改懸停的面孔的顏色
[英]ThreeJS how to change color of hovered face on a PlaneGeometry
如何使用 JavaScript 更改每個列表項的背景顏色？
[英]How do I change background color of each list item with JavaScript?
將鼠標懸停在<a>標記元素中</a>時，如何完全改變圖像的顏色<a>？</a>
[英]How do you change a color of an image entirely when hovered in <a> tag element?
我怎樣才能讓我的 Etch-A-Sketch 網格在懸停時改變顏色和不透明度？
[英]How can i make my Etch-A-Sketch grid change color and opacity when hovered?
當變體的色樣懸停在 Shopify 上時，如何顯示變體圖像？
[英]How do I display the variant image when the color swatch of a variant is hovered on Shopify?
當其他元素懸停在元素上時，如何更改：hover狀態？
[英]How do I change :hover status on an element when a different element is hovered over?
將鼠標懸停在卡片上時，我可以更改卡片的圖像。 但是對於大量具有不同圖像的卡片，我該怎么做
[英]I'm able to change the image of a card when it is being hovered over. But how do I do this for a large number of cards with different images
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.
