I&#39;ve heard that having really long selectors in your CSS makes your page rendering slow.
Since I&#39;m used to using SASS, so I always end up having really long selectors. Something like this:
<pre><code>.parent .child .element .child .child2 .child3 .child4 .child5{
 ...
}
</code></pre>Is it true that long selectors make rendering slow? and are there any ways to avoid this from happening?

I've heard that having really long selectors in your CSS makes your page rendering slow.

Since I'm used to using SASS, so I always end up having really long selectors. Something like this:

```
.parent .child .element .child .child2 .child3 .child4 .child5{
    ...
}
```

Is it true that long selectors make rendering slow? and are there any ways to avoid this from happening?


Do long CSS selectors make page rendering slow?

Product

Explore

Company

Blogs

Support