CSS 是用于控制網頁樣式的一門技術，可以讓我們的網頁更具可讀性、可維護性和美觀性。但是，有時候我們需要在網頁上設置默認樣式，以便在不需要修改樣式的情況下，可以讓網站更快地被訪問和適應不同的設備。

在設置默認樣式時，我們可以使用 CSS 的 `:host` 選擇符，這個選擇符可以訪問元素所占據的父元素的樣式，從而覆蓋父元素的樣式，并設置默認樣式。例如，如果我們想要將 HTML 元素設置為網頁的默認標題，我們可以使用以下 CSS 代碼：

```css

h1:host {

color: #000000;

font-size: 28px;

在上面的代碼中，`:host` 選擇符訪問了 HTML 元素的父元素，并覆蓋了父元素的樣式，設置了默認樣式。例如，在下面的 HTML 元素中，我們使用相同的 CSS 代碼：

```html

<h1>這是默認標題</h1>

將上面的代碼復制并粘貼到 HTML 文件中，我們可以看到，默認標題已經被設置了。

除了使用 `:host` 選擇符外，我們還可以使用其他選擇符來設置默認樣式。例如，使用 `:first-child` 選擇符可以設置第一個元素的樣式為默認樣式，使用 `:last-child` 選擇符可以設置最后一個元素的樣式為默認樣式，使用 `:hover` 選擇符可以設置鼠標懸停時的樣式為默認樣式等等。

需要注意的是，默認樣式的設置為在文檔流開始之前添加的樣式。這意味著，如果我們在頁面頂部添加了樣式，它將覆蓋頁面上的其他元素，包括標題。因此，我們在設置默認樣式時，應該考慮到它可能會影響其他元素的樣式。

在設置默認樣式時，我們應該仔細考慮，確保我們的樣式不會影響其他元素的樣式，并且能夠適應不同的設備。通過使用 CSS 的 `:host` 選擇符和其他選擇符，我們可以輕松地設置默認樣式，并確保網站在各種不同的設備上都具有良好的樣式。