在CSS中，我們可以使用@import規(guī)則來定義多個CSS外聯表，并在一個樣式表中引用它們，這樣，我們就可以將不同的樣式規(guī)則分組到不同的CSS文件中，使代碼更加模塊化和可維護。
下面是一個示例，展示了如何定義和使用多個CSS外聯表：
我們創(chuàng)建兩個CSS文件，分別命名為style1.css和style2.css，每個文件都包含一些樣式規(guī)則。
style1.css：
.class1 {
color: red;
}
.class2 {
font-size: 16px;
}style2.css：
.class3 {
background-color: blue;
}
.class4 {
border: 1px solid black;
}我們在主樣式表中引用這兩個CSS文件：
main.css：
@import url('style1.css');
@import url('style2.css');我們可以在HTML文檔中引用main.css文件，以應用所有定義的樣式規(guī)則：
<!DOCTYPE html> <html> <head> <title>Multiple CSS Imports</title> <link rel="stylesheet" href="main.css"> </head> <body> <div class="class1">This is a red box.</div> <div class="class2">This is a box with font size 16px.</div> <div class="class3">This is a box with a blue background.</div> <div class="class4">This is a box with a 1px solid black border.</div> </body> </html>
通過這種方式，我們可以將樣式規(guī)則分組到不同的CSS文件中，使代碼更加清晰和可維護。@import規(guī)則也允許我們根據需要動態(tài)地引入不同的樣式表。
版權聲明：除非特別標注，否則均為本站原創(chuàng)文章，轉載時請以鏈接形式注明文章出處。
