Hacker News Reader

Comment by gochi | Hacker News Reader

Backend or usual programming without context is also useless. Is foo even mutable? Is it the same type? How does type conversion work here?

CSS and usual programming are identical. If you don't give yourself the time to learn the fundamentals, you'll always run into tedious problems.

View on HN

I know the fundamentals. Doesn't help :D

Maybe it's time to relearn the fundamentals! web.dev and MDN are great resources to do so. Start with the Box Model.

Fundamentals don’t help when you are 15 divs deep.

You have made some bad decisions if you find yourself 15 divs deep.

There is a surprisingly small amount of content out there on how to competently engineer your CSS (and a lot of it is bad). Most people don't even think it's something you do.

But basic things like making your general rules generic and pushing context descriptively into the HTML go a long way into making your code understandable.

Not my choice, that’s what you get when you inherit an Angular website.

> You have made some bad decisions if you find yourself 15 divs deep.

Open instagram.com in a browser :D

Or even W3C's own website

Do you mean leaning on rules like: .myWidgetClass form{ ... } .myWidgetClass form >input{ ... }

Sure, if you have some general rules that apply to all your widgets. If you are talking about something more specific, you are better with a more specific name.

I've got a feeling some people might consider this to be a rather snarky response, but honestly a lot of trouble comes from assuming you can muddle through CSS, and you can. Unfortunately that means it's easy to always be an expert beginner, and never quite grasp the underlying logic, as obtuse as it may be.

A lot of people learned the fundamentals incorrectly.

A good place to learn how CSS was designed to work is Every Layout at https://every-layout.dev/.

Reply on news.ycombinator.com