點燈坊

學而時習之,不亦悅乎

CSS 之 Type Selector

Sam Xiao's Avatar 2019-05-15

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

Version

CCS 3

Type Selector

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Type Selector</title>
  <style>
    div {
      font-size: 30px;
      color: #ff0000;
    }
  </style>
</head>
<body>
  <div>Sam</div>
</body>
</html>

14 行

<div>Sam</div>

HTML 部分有 <div>

第 7 行

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

CSS 部分若要以 type selector 描述 <div>,selector 直接使用 tag 名稱即可。

type000

Conclusion

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