← 返回首页
CSS3基础教程(五)
发表时间:2020-03-09 12:38:20
讲解CSS3的通配符选择器

通配符选择器:是通过一个通配符来进行就样式的控制。实际开发中,最常用的通配符就一个,那就是‘*’。

*这个通配符的作用是把所有的标签使用统一的样式。

实例:

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <style>
        * {    /* * 代表所有选择器 */
            color: pink;
        }
    </style>
</head>
<body>
<h1>通配符选择器</h1>
<hr>
<p>光芒透过窗户,照射在这个已经很久未见光的房间里。</p>
<div>房间里面的陈设还摆放的整整齐齐,</div>
<span>但是已经都已落满了灰尘,</span>
<em>一股腐臭的味道正在从逃离这件房间,</em>
<strong>可惜还是逃不了警察的嗅觉。</strong>
<h1>这里正是案发现场。</h1>
</body>
</html>

运行效果: