I must split my CSS based on page type
How do I Split Webflow CSS files for specific pages within Designer?
<link rel="stylesheet" type="text/css" href="webflow-main.css">
<link rel="stylesheet" type="text/css" href="webflow-blog_cms.css">
<link rel="stylesheet" type="text/css" href="webflow-landingpage_01.css">
<link rel="stylesheet" type="text/css" href="webflow-landingpage_02.css">
<link rel="stylesheet" type="text/css" href="webflow-landingpage_03.css">
I must set up the following:
ALL PAGES:
Serves /webflow_master.css
^ Served on ALL Pages - small css file size
ALL CMS & BLOG PAGES:
Serves /webflow_master.css AND Serves /webflow_cms.css
^ Served on ALL CMS and BLOG Pages - small css file size
LANDING PAGES:
Serves /webflow_master.css AND Serves /webflow_lp1.css
^ Served on ALL Pages - small css file size
COMMERCE PAGES PAGES:
Serves /webflow_master.css AND Serves /webflow_commerce.css
^ Served on ALL Pages - small css file size
MAIN / SEO (non-cms) PAGES:
Serves ONLY /webflow_master.css
EXCLUDE /webflow-cms.css
EXCLUDE /webflow-landigpage.css
EXCLUDE /webflow-commerce.css
Mixing up CMS styling, Blog Styling, Landing Page Styling, and Landing Page Styling on a master CSS file is BAD
How do I tell each page to only serve Specific CSS files as indicated above within desi9gner environment without manually injecting separate css file ‘<‘style’>’?