如何引用多个CSS外部样式表
1、CSS样式的引用方式有三种：行间样式表、内部样式表、外部样式表。
2、外部引入CSS样式文件是通过link标签实现的，它只能位于HTML文档的head标签内，且必须有href属性，该属性用于指定需要引入的CSS文件的路径。
3、具体操作如下：（1）单击【附加样式表】按钮，在打开【链接外部样式表】对话框（见图1）中选择外部CSS文件后，可以通过“连接”或“导入”方式将其应用到当前网页中。
4、这样属于第二读取方式。直接写在对应的页面。延伸阅读：每页面都要设置。工作繁琐，大量写入增加代码量。不利优化。
5、html5使用link标签引入外围的css样式表。
...就是不懂,什么叫id只能用一次,class可以多次引用?
ID一个页面只可以使用一次；Class可以多次引用。ID是一个标签，用于区分不同的结构和内容。
class css中得用.class的属性值，id是#id的值。正确使用id和class 如果涉及到js获取值的话用id，否则用class来写。注意事项：命名css的class和id应该有一定的规范性。
归纳成一句话就是：Class可以反复使用而ID在一个页面中仅能被使用一次。有可能在很大部分浏览器中反复使用同一个ID不会出现问题，但在标准上这绝对是错误的使用，而且很可能导致某些浏览器的现实问题。
在CSS文件里书写时，ID加前缀“#”；CLASS用“.” id一个页面只可以使用一次； class可以多次引用。
可标识元素数量：id只可用于标识一个元素，而class可用于标识多个元素。元素可添加数量：每个元素只能有一个id，而可以在同一元素上使用多个class。
也就是说ID只是页面元素的标识，供其他元素脚本等引用。假如你的页面里出现了两个ID那JS效果特性较出现逻辑错误不知道依据哪个ID来改变其标签属性。
DIV+CSS重复调用问题
可以，前台写DIV时，DIV的后面加上CSS，然后在CSS页时，每个样式前面用.来做。因为前台DIV如果都是用ID的话，CSS样式页都要用#来写，无法重复使用，所能建议有重复的地方写成Class。
class可以重复使用，ID不可以重复使用。
我觉得你的问题很有意思，首先能问一下，你是怎么想的嘛？任何网页都是用html写出来的，而php只是一种脚本语言，也只是嵌入在html中的，所以。。
font-size：14px；font-weight：bold；color：#ff0000； 那么“样式4”将覆盖父级的样式，“样式4”以下的子级将继承“样式4”定义的文字样式。最后“样式5”的文字显示的是“样式4”的定义。如果还有不明白的留言。
如何多重CSS样式定义
1、在head标签中加载一个CSS文件示例 此例使用了link标签。
2、将link指定为stylesheet方式，并使用了href=\style.css\指明样式表文件的路径便可将该页面应用到在style.css中定义的样式。
3、有三条途径可以把CSS应用到HTML中去。内联 内联样式通过style属性直接套进HTML中去。看起来像这样：text 这将会是指定的段落变成红色。
4、对于CSS样式的命名规则，建议用字母、_号工、-号、数字组成，必须以字母开头，不能为纯数字，为了开发后样式名管理方便，大家请用有意义的单词或缩写组合来命名，让同事一看就明白这样式大概是哪一块的，这样就节省了查找样式的时间。
5、css中class是类名 可以重复使用，而id只能使用一次。所以呢，如果这个css样式只需要一次可以设置为class但是id更好。类名就是类的名称，就像人一样通过类名就可以找到这个类，所以你设置样式的时候直接.className就行了。
6、多重CSS样式定义，属性追加重复最后优先原则一个标签可以同时定义多个class，也可以是同一个class中重复定义属性。
解决scss同一样式多次引入的问题
可能是因为sass版本过高导致的。卸载sass，试试安装版本低一些的sass。本次示例使用的sass@36版本。当在main.ts中引入后，发现在vite配置引入的scss样式应用成功。
在前端开发项目中， sass 是一个很好的编写样式的预处理工具，但是集成到 VueCli 中以后坑还是很多的。如果想要在项目入口文件 main.js 中引入，然后可以全局使用，会报各种各样的错。下面就记录一下自己的踩坑经历吧。
SCSS是一款强化CSS的辅助工具，它在语法的基础上增加了变量，嵌套，混合，导入等高级功能 SCSS允许将一套CSS样式嵌套进另一套样式中，内层的样式将它外层的选择器作为父选择器。父选择器中用&表示当前父选择器。
一般的，引入全局设置的基本样式 这样在引入scss文件中可以使用 base 里的全局变量 但是 避免在资源文件中使用SASS @ import 规则，因为它会降低增量构建的速度。