Html 不同页面元素的不同Css

我必须问一下，如果我有两个html页面page1和page2，并且都共享名为default.Css的相同Css文件，因为这两个页面都有一些相同的东西，比如页眉和页脚区域，那么我们不需要为每个页面创建Css。但我的问题是，例如，如果我在第1页和第2页添加了滑块，那么在这种情况下，我应该为滑块使用不同的Css，还是将所有滑块样式都放在default.Css文件中。若我有较少的css文件，那个么浏览器将更快地加载网站，但若page2并没有滑块，并且我将所有滑块样式都放在default.css中，那个么加载非使用css样式将是浪费时间的。在这种情况下，css是否应该为滑块使用不同的css

---

我很少在网上提问，因为我的英语不好，所以请帮助我，谢谢。

只需使用一个css文件，然后在你的滑块项目中添加一个独特的

类或
id
。
如果你的页面共享相同的样式，请为它们创建一个css，并为不同的css文件添加功能。。。