CSS 也可以直接以 ID 描述 Selector,這種方式速度最快,但因為 ID 不能重複,只能套用在單一 Tag。
Version
CSS 3
ID Selector

直接以 id 選擇 CSS 成為紅色。
<template>
<div id="title">CSS</div>
</template>
<style scoped>
#title {
font-size: 30px;
color: #ff0000;
}
</style>
第 2 行
<div id="title">CSS</div>
CSS 的 id 為 title。
第 6 行
#title {
font-size: 30px;
color: #ff0000;
}
ID selector 可直接以 #title 選擇 CSS。
Conclusion
- ID selector 使用
#+id 名稱描述,只能套用單一 tag,但其 specificity 太高,實務上較少使用