codeforboston / codeforboston/cliff-effects
Remove all id selectors from CSS
- Dominant language
- JavaScript
- Stars
- 30
- Forks
- 62
- PR merge metrics
- No merged PRs in 30d
Description
Using id selectors (`#foo`) in CSS makes dealing with selector specificity a nightmare, since any selector with an id selector in it will always override a selector without one. We can always add a class to an element and use the class in the selector instead.
Note that this will become irrelevant if we end up using CSS Modules/styled-components/CSS-in-JS.
Contributor guide
No contributing guide indexed for this repository
Research direction
Search the repository's CSS for ID selectors and identify every affected rule and element. Replace the selectors with class-based equivalents, then verify that the affected styling remains correct; the issue provides no specific files or tests.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css
- Domain
- frontend
- Issue type
- Refactor
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 25/100