KaijuEngine/kaiju

Compound CSS hover event is overriding each of the compounds

Open

#703 opened on Apr 18, 2026

View on GitHub
 (0 comments) (0 reactions) (0 assignees)Go (194 forks)auto 404
engine runtimegood first issue

Repository metrics

Stars
 (4,569 stars)
PR merge metrics
 (PR metrics pending)

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

Contributor guide

Research direction
Inspect the CSS parser to see how compound selectors with pseudo classes like :hover are handled, specifically when combining element and class selectors.
Tech stack
go
Domain
backend
Issue type
Bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
CSS
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
65