最暴力的 Selector,一次將選取全部 Element,但 Side Effect 也最大,須小心使用。
Version
CSS 3
Universal Selector
使用 universal selector 一次選取 Sam
與 Kevin
。
<template>
<div>Sam</div>
<div>Kevin</div>
</template>
<style scoped>
* {
font-size: 30px;
color: #ff0000;
}
</style>
第 3 行
<div>Sam</div>
<div>Kevin</div>
Sam
與 Kevin
分別包在不同 <div>
內。
15 行
* {
font-size: 30px;
color: #ff0000;
}
若要描述所有的 element,可使用 universal selector,以 *
表示。
Conclusion
- 實務上較少使用 universal selector,因為 side effect 太大