css样式中星号代表什么

156 阅读 0 评论 103 点赞

我是靠谱客的博主土豪信封，这篇文章主要介绍css样式中星号代表什么，现在分享给大家，希望可以做个参考。

本教程操作环境：windows10系统、CSS3&&HTML5版、Dell G3电脑。

css样式中星号代表什么

在css中，星号代表的是“所有元素”，“*”选择器能够选取所有的元素或者一个元素中的所有元素。

星号选择器（*）表示选中所有的元素

* 选择器选取所有元素。

* 选择器也能选取另一个元素中的所有元素

注意：*选择器比较消耗性能，尽量避免使用，应使用更加精确的选择器选择元素。

示例如下：

复制代码<html>
<head>
<style>
*{
background-color:yellow;
}
</style>
</head>
<body>
<h1>欢迎来到我到的主页</h1>
<div class="intro">
<p id="firstname">我是唐老鸭。</p>
<p>我住在 Duckburg。</p>
</div>
<p>我最好的朋友是米老鼠。</p>
</body>
</html>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<html>
<head>
<style>
*{
background-color:yellow;
}
</style>
</head>
<body>
<h1>欢迎来到我到的主页</h1>
<div class="intro">
<p id="firstname">我是唐老鸭。</p>
<p>我住在 Duckburg。</p>
</div>
<p>我最好的朋友是米老鼠。</p>
</body>
</html>
登录后复制