點燈坊

學而時習之,不亦悅乎

CSS 之 Universal Selector

Sam Xiao's Avatar 2019-05-15

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

Version

macOS Mojave 10.14.5
WebStorm 2019.1.3
Chrome 75.0.3770.100
CSS 3

Universal Selector

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

第 7 行

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

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

uni000

Conclusion

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