在網(wǎng)頁開發(fā)中，我們經(jīng)常需要引入CSS文件來為網(wǎng)頁添加樣式和布局。然而，每次在網(wǎng)頁中引入CSS文件時，我們都需要使用link標(biāo)簽來指定CSS文件的路徑。這樣做很麻煩且容易出錯，因為每次添加新的CSS文件都需要反復(fù)修改link標(biāo)簽。所以，我們可以設(shè)置默認(rèn)CSS文件來解決這個問題。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>設(shè)置默認(rèn)CSS文件</title>
<style>
/* 默認(rèn)CSS樣式 */
p {
color: red;
font-size: 20px;
}
</style>
<link rel="stylesheet" href="main.css">
<script>
/* 檢查是否有默認(rèn)CSS文件，如果沒有就添加 */
if (!document.querySelector('link[rel="stylesheet"][href="default.css"]')) {
var link = document.createElement('link');
link.rel = 'stylesheet';
link.href = 'default.css';
document.head.appendChild(link);
}
</script>
</head>
<body>
<p>Hello World!</p>
</body>
</html>在代碼中，我們首先在head標(biāo)簽中的style標(biāo)簽中定義了一個p標(biāo)簽的默認(rèn)CSS樣式。然后，我們在link標(biāo)簽中引入了一個名為main.css的CSS文件。接下來，在script標(biāo)簽中，我們檢查了頁面是否已經(jīng)有了一個名為default.css的默認(rèn)CSS文件。如果沒有，我們就創(chuàng)建一個link標(biāo)簽，將rel屬性設(shè)置為“stylesheet”，將href屬性設(shè)置為“default.css”，并將其添加到head標(biāo)簽中。
這樣設(shè)置默認(rèn)CSS文件之后，我們可以在整個網(wǎng)站中使用這個默認(rèn)CSS文件的樣式，而不需要在每個頁面中都引入相同的CSS文件。如果需要修改默認(rèn)CSS樣式，我們只需要修改一個名為default.css的CSS文件即可。