JS / Jquery Hover css property değiştirme

merhaba, js / jquery fark etmez yardıma ihtiyacım var.
Butona bastığımda belirli bazı classların background-color özelliklerinin hoverlarını kırmızıya çevirmek istiyorum.Başka bir butona basınca hoverı yeşil olacak, önceki butona yine basınca tekrar hover kırmızı olacak.

şöyle bir kod yazdım çalışmıyor:

document.querySelectorAll('.ulockd-btn-white:hover, .ulockd-btn-white:active, .ulockd-btn-white:focus') .style.setProperty("background-color", "red", "important");a

selam style ezerek yapamazsın bu işlemi.
Senin kurgulamak istediğin özellik şöyle olmalı.

<button css="btn btndefault btngenelhoverprimary"> kral butonum </button>

js kodun removeClass ve addClass olarak tüm button ya da o bölgedeki butonlardan,
genelhover ayarlarını silmeli => removeClass("btngenelhoverprimary"),
istediğin hover özelliklerini eklemeli => addClass("btnhoverred")

istediğim bu değil.siz class ekletip class kaldırmışsınız.ben butona tıklayınca sadece o classların hoverdaki background-color unu değiştirmek istiyorum.sizin dediğiniz gibi yapsam, aynı classları klonlayıp, sadece hover backgroundları farklı yeni classlar yaratmam gerekir.

ben sadece css özelliğini değiştirmek istiyorum.