點燈坊

失くすものさえない今が強くなるチャンスよ

CSS 之 Universal Selector *

Sam Xiao's Avatar 2021-04-13

最暴力的 Selector,一次將選取全部 Element,但 Side Effect 也最大,須小心使用。

Version

CSS 3

Universal Selector

uni000

使用 universal selector 一次選取 SamKevin

<template>
  <div>Sam</div>
  <div>Kevin</div>
</template>

<style scoped>
* {
  font-size: 30px;
  color: #ff0000;
}
</style>

第 3 行

<div>Sam</div>
<div>Kevin</div>

SamKevin 分別包在不同 <div> 內。

15 行

* {
  font-size: 30px;
  color: #ff0000;
}

若要描述所有的 element,可使用 universal selector,以 * 表示。

Conclusion

  • 實務上較少使用 universal selector,因為 side effect 太大