有些人認(rèn)為，在編寫 HTML 頁(yè)面時(shí)，將樣式放在外部 CSS 文件中可以提高代碼的可讀性和維護(hù)性。畢竟，將所有的樣式都寫在 HTML 文件中，會(huì)導(dǎo)致文件過(guò)于臃腫，而且修改樣式時(shí)需要對(duì)每個(gè) HTML 文件進(jìn)行更改。

然而，外部 CSS 文件也存在一些問(wèn)題。其中最明顯的問(wèn)題就是在文件中會(huì)包含大量的無(wú)用樣式。這些無(wú)用樣式可能在一些舊頁(yè)面或者特定的場(chǎng)景下有用，但是在其他頁(yè)面或場(chǎng)景中卻并不需要。

/* 以下是一個(gè)包含無(wú)用樣式的 CSS 文件示例 */
/* 該樣式只作用于 id 為 "header" 的元素，但在該文件中并不存在這個(gè)元素 */
#header {
font-size: 16px;
color: #333;
}
/* 在該文件中也不存在 class 為 "sidebar" 的元素 */
.sidebar {
width: 200px;
margin-right: 20px;
}
/* 該樣式只作用于表單元素，但在該頁(yè)面中并沒(méi)有表單 */
input[type="text"] {
border: 1px solid #ccc;
}

從上述示例可以看出，該 CSS 文件中包含了大量無(wú)用的樣式，這會(huì)導(dǎo)致瀏覽器加載時(shí)間變慢，影響頁(yè)面性能。此外，也會(huì)使代碼難以維護(hù)，因?yàn)榫S護(hù)者需要花費(fèi)更多的時(shí)間去排除無(wú)用樣式。

因此，為了避免這些問(wèn)題，需要采取一些措施來(lái)減少無(wú)用樣式的出現(xiàn)。可能的解決方案包括使用工具來(lái)刪除無(wú)用樣式、精簡(jiǎn) CSS 代碼、避免在一個(gè)文件中包含多種樣式等。