為什麼用 div 包住元件可以減少樣式污染？

1 隔離父級樣式：

當一個元件被包在 div 中，父級的 CSS 選擇器可能無法直接影響內部元件的樣式，因為多了一層包裹元素。

2 明確結構：

使用 div 可以增加結構的清晰度，有助於為包裹的內容添加專屬的 CSS 選擇器，避免外部的全局樣式干擾。

3 防止意外選擇：

如果外部樣式使用了較寬鬆的選擇器（如 div p 或 .container span），那麼在沒有包裹的情況下，內部元件的子元素可能會被影響。

注意事項

• 不要過度使用包裹 div：

不必要的包裹會導致 DOM 結構冗長，降低性能並增加維護成本。