CSS 之 Type Selector | 次世代 Hugo

Type Selector 會一次影響所有 HTML Tag，直接以 Tag 名稱描述即可，不用任何符號。

Version

CSS 3

Type Selector

直接以 <div> 選擇 Sam 成為紅色。

<template>
  <div>CSS</div>
</template>

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

第 2 行

<div>CSS</div>

Sam 在 <div> 內，且沒有使用任何 class。

14 行

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

Type selector 可直接以 div 選擇 CSS，selector 直接使用 tag 名稱即可。

Conclusion

• 或許你會覺得用 tag selector 較傳神，不過 type selector 為 W3C 標準用語
• Type selector 直接使用 tag 名稱描述，但會影響所有 tag，side effect 最大