# Stylesheet load order

**URL:** https://forum.pinegrow.com/t/stylesheet-load-order/4211
**Category:** Tips & Tricks
**Created:** [June 6, 2020, 4:24pm UTC](https://forum.pinegrow.com/t/stylesheet-load-order/4211 "2020-06-06T16:24:19Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)
#### Post date: [June 6, 2020, 4:24pm UTC](https://forum.pinegrow.com/t/stylesheet-load-order/4211/1 "2020-06-06T16:24:19Z")

</div>

This isn’t Pinegrow-specific, but an interesting things to keep track of when putting your pages together. At the end of the project, if you run through your CSS through a post-processor to combine and minify all the styling, selector specificity can become really important. That is because you might be fooled into thinking that a selector is specific, even though it is specific _ONLY_ if it is loaded after another equally-specific selector. This also can have impact on dynamic pages where elements with their own styling can be loaded in at different times, depending on user interaction. I guess this is why React inlines style.  
Just something to think about.  
Bob

---

<div class="post-metadata">

### Author: ![Printninja](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/printninja/32/1181_2.png) [@Printninja](https://forum.pinegrow.com/u/Printninja)
#### Post date: [June 14, 2020, 10:49am UTC](https://forum.pinegrow.com/t/stylesheet-load-order/4211/2 "2020-06-14T10:49:20Z")

</div>

Well, that’s why they’re called “Cascading” style sheets.

---

<div class="post-metadata">

### Author: ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)
#### Post date: [June 14, 2020, 11:49am UTC](https://forum.pinegrow.com/t/stylesheet-load-order/4211/3 "2020-06-14T11:49:01Z")

</div>

I guess my point here was that you have to be careful when minimizing/combining your stylesheets at the end of a project to maintain your cascade order. This type of processing is often done just prior to going live with a project after you have tested and have everything working fine, so it can be a surprise.
