by Andy

The change that was there and you could not see it

"Make the logo bigger." "I made the logo bigger." The logo, the same size. Three times.

The editor had done exactly what it said: it found the rule for the logo and changed its size. A hundred lines further down there was another rule, for the same element, that won.

The underlying problem is that the model does not see the result. It sees the file. And a stylesheet is not read top to bottom, it is resolved.

What changed

Before delivering, 54 reads the sheet the way the browser reads it. For every declaration the change brought in, it looks for who beats it: a duplicate rule further down, an !important, a style written in the tag.

If it finds one, it takes one more round with the name of the rule that wins. And if it is still covered after that, it delivers anyway — the change is made — but the answer says it will not be visible, and why.

It does not see a size set by a script. That is stated, not hidden: a written limit beats a "done" that does not hold.

← All notes