useStylesScoped() - 作用域樣式
在前面的章節中，我們已經討論過如何使用 useStyles$() hook 根據需要延遲載入樣式。瀏覽器樣式是全域的，適用於所有 DOM 元素，因此，Qwik 也提供了一種載入特定於特定組件的樣式的方法。這是通過為每個組件生成一個唯一的類別，然後將該唯一的類別 ID 插入樣式表來實現的。
使用 useStylesScoped$() 載入樣式並將其作用域限定在特定組件中。
範例
在此範例中，有兩個組件都有一個名稱相同的類別。因此，這兩種樣式會發生衝突，導致不希望有的行為。使用 useStylesScoped$() hook 將樣式限定在特定組件中，並解決衝突。