<!-- 第一个CSS样式表 --> <link rel="stylesheet" type="text/css" href="style1.css"> <!-- 第二个CSS样式表 --> <link rel="stylesheet" type="text/css" href="style2.css"> <!-- 第三个CSS样式表 --> <link rel="stylesheet" type="text/css" href="style3.css">
在上面的代码中,大家使用了三个不同的CSS样式表:style1.css、style2.css和style3.css。这些CSS样式表可以分别包含不同的样式规则,例如:
/* style1.css */ h1 { color: red; } /* style2.css */ p { font-size: 16px; } /* style3.css */ a { text-decoration: none; }
这些样式规则将分别应用于HTML文档中的不同元素,例如:
<!-- 在该元素中应用style1.css的样式规则 --> <h1>Hello World!</h1> <!-- 在该元素中应用style2.css的样式规则 --> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <!-- 在该元素中应用style3.css的样式规则 --> <a href="https://example.com">Example Link</a>
在这种情况下,每个元素都将被应用不同的样式规则。这就是使用多个CSS样式表的好处之一,它可以使大家更容易地组织和管理样式。