How does the browser find and render CSS rules

Question

Let's say we have a page with the some simple HTML/CSS like below. Does the browser also read .b and .c in the stylesheet?

HTML

<div class="a">1</div>
<div>2</div>
<div>3</div>

CSS

.a { color: aqua; }
.b { color: blue; }
.c { color: cyan; }

That is just an example, but in the real world there might be hundreds, thousands lines of CSS code isn't being used, such as using Bootstrap for a very very small project.

Yes, all the rules are read and loaded into memory. Hence why people try to minify their rules and eliminate the redundancies. — j08691
– j08691, Commented Feb 19, 2015 at 20:44
This is not exactly a duplicate, but you migth be interested on this question about CSS cache — Yerko Palma
– Yerko Palma, Commented Feb 19, 2015 at 20:50

Stickers · Accepted Answer · 2015-07-21 12:44:09Z

4

Yes all the rules are loaded in the memory, this is why when you add new element to your DOM (e.g. by using javascript) you see that the style automatically applies to them.

edited Jul 21, 2015 at 12:44

Stickers

79.1k24 gold badges157 silver badges195 bronze badges

answered Feb 19, 2015 at 20:51

Almis

3,8292 gold badges31 silver badges60 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How does the browser find and render CSS rules

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related