在CSS中，有多種方法可以將多個(gè)樣式表連接起來，以下是一些常見的連接方法：
1、使用@import規(guī)則：
@import規(guī)則允許你在一個(gè)樣式表中導(dǎo)入另一個(gè)樣式表。
```css
@import url('style2.css');
```
這將導(dǎo)入style2.css文件中的所有樣式。
2、使用CSS的import()函數(shù)：
- 在CSS中，可以使用import()函數(shù)來導(dǎo)入其他樣式表。
```css
import url('style2.css') all;
```
這將導(dǎo)入style2.css文件中的所有樣式，并重新排序。
3、使用CSS的@media規(guī)則：
@media規(guī)則可以用來在不同的設(shè)備或視口大小上應(yīng)用不同的樣式。
```css
@media (min-width: 600px) {
/* 樣式表1 */
}
@media (max-width: 600px) {
/* 樣式表2 */
}
```
這將根據(jù)視口大小應(yīng)用不同的樣式。
4、使用CSS的@supports規(guī)則：
@supports規(guī)則可以用來檢查瀏覽器是否支持特定的CSS特性，并根據(jù)結(jié)果應(yīng)用不同的樣式。
```css
@supports (display: flex) {
/* 樣式表1 */
}
@supports not (display: flex) {
/* 樣式表2 */
}
```
這將根據(jù)瀏覽器是否支持Flexbox布局應(yīng)用不同的樣式。
5、使用CSS的@keyframes規(guī)則：
@keyframes規(guī)則可以用來創(chuàng)建動畫。
```css
@keyframes example {
0% { /* 樣式表1 */ }
100% { /* 樣式表2 */ }
}
```
這將創(chuàng)建一個(gè)從樣式表1到樣式表2的動畫。
6、使用CSS的偽類和偽元素：
- 偽類和偽元素可以用來選擇特定的HTML元素或狀態(tài)，并應(yīng)用不同的樣式。
```css
:hover { /* 樣式表1 */ }
:active { /* 樣式表2 */ }
```
這將根據(jù)鼠標(biāo)懸停和活動狀態(tài)應(yīng)用不同的樣式。
7、使用CSS的變量：
- CSS變量（也稱為自定義屬性）可以用來存儲和重用值。
```css
:root { --main-color: blue; }
body { background-color: var(--main-color); }
```
這將設(shè)置背景顏色為藍(lán)色。
通過合理地使用這些連接方法，你可以創(chuàng)建出靈活且可維護(hù)的CSS樣式表，記得在實(shí)際應(yīng)用中根據(jù)需求選擇***合適的方法哦！
