KaijuEngine/kaiju

Compound CSS hover event is overriding each of the compounds

Open

#703 ouverte le 18 avr. 2026

Voir sur GitHub
 (0 commentaires) (0 réactions) (0 assignés)Go (194 forks)auto 404
engine runtimegood first issue

Métriques du dépôt

Stars
 (4 569 stars)
Métriques de merge PR
 (Métriques PR en attente)

Description

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

Guide contributeur

Direction de recherche
Inspectez l'analyseur CSS pour voir comment les sélecteurs composés avec des pseudo classes comme :hover sont traités, en particulier lors de la combinaison de sélecteurs d'élément et de classe.
Stack technique
go
Domaine
backend
Type d'issue
Bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 heures
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
CSS
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
65