4 ms·
Am I missing something… isn’t it just a simple substitution? .page form { border: 2px solid #223; border-radius: 0.15rem; } .page form
by transfire 4y ago
Am I missing something… isn’t it just a simple substitution?
.page form {
border: 2px solid #223;
border-radius: 0.15rem;
}
.page form button {
background-color: red;
transition: background-color 0.15s ease;
}
.page form:hover button {
background-color: blue;
}
- culi 4y agoYes it's terrible. Not just that you have to type ".page form" 3 times, but that you don't have a convenient way to group together these bits of style that clearly are meant to go together Imagine those three rules in a 200 line CSS file.
- Jaxan 4y agoThat’s the point. Why should we be doing the trivial substitution if tools can do that for us!?
- henriquecm8 4y agoYou are forgetting that it will also make files smaller. I tested here, and it reduced from 172b to 160b, on minified versions. Bigger files will have a bigger reduction on file size.