当我们在网页中引用多个CSS文件时，这些文件是可以相互影响的。
/* style1.css */
h1 {
color: red;
}
/* style2.css */
h1 {
font-size: 24px;
}
假设我们有两个CSS文件：style1.css和style2.css。其中，style1.css定义了h1标签的颜色为红色，而style2.css定义了h1标签的字号为24px。当我们在HTML中引用这两个CSS文件时：
<head> <link rel="stylesheet" href="style1.css"> <link rel="stylesheet" href="style2.css"> </head>
此时，h1标签的样式会同时受到style1.css和style2.css的影响，它的颜色会变为红色，字号会变为24px。
这是因为，在浏览器渲染网页时，会将所有引用的CSS文件中的样式合并，并按照某个特定的优先级进行应用。
如果我们想要避免多个CSS文件之间的影响，可以通过以下方法来实现：
/* style1.css */
h1.title {
color: red;
}
/* style2.css */
h1.title {
font-size: 24px;
}
我们在h1标签中添加了一个类名title，并将样式定义到该类名下。这样，在HTML中我们只需将该类名添加到h1标签中：
<h1 class="title">Hello World</h1>
