CSS * 选择器

CSS完整选择器完整CSS选择器参考手册

选择所有元素，并设置其背景色：

<!DOCTYPE html>
<html>
<head>
  <style>
    * {
      background-color: yellow;
    }
  </style>
</head>
<body>

  <h1>Welcome to My Homepage</h1>

  <div class="intro">
    <p id="firstname">My name is Donald.</p>
    <p id="hometown">I live in Duckburg.</p>
  </div>

  <p>My best friend is Mickey.</p>

</body>
</html>

尝试一下 »

定义和用法

* 选择器选择所有元素。

* 选择器也可以选择另一个元素内的所有元素:

选择<div>元素内的所有元素：

<!DOCTYPE html>
<html>
<head>
  <style>
    div * {
      background-color: yellow;
    }
  </style>
</head>
<body>

  <h1>Welcome to My Homepage</h1>

  <div class="intro">
    <p id="firstname">My name is Donald.</p>
    <p id="hometown">I live in Duckburg.</p>
  </div>

  <p>My best friend is Mickey.</p>

</body>
</html>

尝试一下 »

Browser Support

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流浏览器都支持*选择器。

CSS完整选择器完整CSS选择器参考手册