Web 開發人員必須使用<link>標簽將 CSS 樣式表嵌入到網頁中。有時，在管理樣式時，開發人員會將樣式代碼分解為多個樣式表，以獲得最大的代碼可重用性和效率。然而，html 文件甚至 css 文件應該盡可能減小其大小，因為較小的文件可以快速加載到用戶設備中。當鏈接多個樣式表時，許多教程都是這樣顯示的。<link rel="stylesheet" href="stylesheet1.css"><link rel="stylesheet" href="stylesheet2.css"><link rel="stylesheet" href="stylesheet3.css">但是，如果所有 3 個樣式表都可以使用像這樣的一個鏈接標記來嵌入，則可以減小 html 文件的大小。<link rel="stylesheet" href="stylesheet1.css stylesheet2.css stylesheet3.css">這可能嗎？瀏覽器是否支持在一個鏈接標記中嵌入多個樣式表？
4 回答
鳳凰求蠱
TA貢獻1825條經驗 獲得超4個贊
不，一個 標簽中不可能包含多個文件<link>。
在 CSS 文件中，您可以將它們菊花鏈到另一個文件中，但是使用@import.
假設您有這些文件：
style.css
table.css
button.css
然后你可以這樣style.css做：
<!-- Including one css file into other -->
@import "table.css";
@import "button.css";?
在 HTML 中將它們全部導入，如下所示：
<link rel="stylesheet" href="style.css" />?
但是，您可以使用流行且功能強大的捆綁工具（例如Webpack）來捆綁 Javascript 和 CSS 文件。
慕妹3242003
TA貢獻1824條經驗 獲得超6個贊
簡短的回答是：不可以。因為標簽href的屬性link必須是 URL 字符串，因此您不能引用多個 URL。
但這種優化可以發生在您的構建系統中。在這些構建管道中，您的開發環境中可以有多個css或js文件，但在生產中，每個文件可能只有一個優化（分塊或縮?。┪募?。
- 4 回答
- 0 關注
- 201 瀏覽
添加回答
舉報
0/150
提交
取消