Within my style.css
file, I have applied rules to almost every component on the website. However, there are exceptions such as the main template and sections displaying requested pages which may contain unique parts not found in other pages, utilizing the rules from style.css
.
My inquiry is what occurs with the unused CSS rules on the current page?
For instance, if there is a login page featuring a special button named button_xyz
(exclusive to the login page) with its corresponding css rule residing in style.css
, what happens when a different page lacking this rule is being accessed?
Is additional memory used for these unused rules?
Does the browser optimize this process automatically?