KaijuEngine/kaiju

Compound CSS hover event is overriding each of the compounds

Open

#703 aperta il 18 apr 2026

Vedi su GitHub
 (0 commenti) (0 reazioni) (0 assegnatari)Go (194 fork)auto 404
engine runtimegood first issue

Metriche repository

Star
 (4569 star)
Metriche merge PR
 (Metriche PR in attesa)

Descrizione

This code should be making it so that only the primary button is turning red when hovered over. However, it is causing all buttons to be red when hovered. This is likely because the compound CSS statement button and .primary not being parsed correctly for events like :hover.

button:hover, .button:hover {
	background-color: #575757;
}
button:active, .button:active {
	padding: 4px 5px 0px 5px;
	background-color: rgb(59, 59, 59);
}
button .primary, .button primary {
	background-color: #682A2D;
}
button .primary:hover, .button primary:hover {
	background-color: #881E1E;
}

https://github.com/user-attachments/assets/58c28458-f108-4152-a1c7-1c077ecf61f1

Guida contributor

Direzione di ricerca
Esamina il parser CSS per vedere come vengono gestiti i selettori composti con pseudo classi come :hover, specialmente quando si combinano selettori di elemento e di classe.
Tech stack
go
Dominio
backend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
CSS
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
65