使用通配符“*”，选择所有元素，并设置其背景颜色和文字样式：
<!DOCTYPE html>
<html>
<title>菜鸟教程(cainiaoplus.com)</title>
<head>
<style>
*
{
background-color:green;
color:white;
}
</style>
</head>
<body>
<h1>欢迎来到菜鸟教程(www.cainiaoplus.com)</h1>
<div class="content">
<p class="website">我们的网址是：www.cainiaoplus.com.</p>
<p class="sitename">我们的网站名称是：菜鸟教程.</p>
</div>
<p>我们为您提供各种菜鸟教程学，学好基础，你才能走的更远！</p>
</body>
</html>测试看看 ‹/›通配符“*”选择器选择所有元素。
通配符“*”选择器也可以选择另一个元素内的所有元素:
选择<div>元素内的所有元素：
<!DOCTYPE html>
<html>
<title>菜鸟教程(cainiaoplus.com)</title>
<head>
<style>
div *
{
background-color:green;
}
</style>
</head>
<body>
<h1>欢迎来到菜鸟教程(www.cainiaoplus.com)</h1>
<div class="content">
<p class="website">我们的网址是：www.cainiaoplus.com.</p>
<p class="sitename">我们的网站名称是：菜鸟教程.</p>
</div>
<p>我们为您提供各种菜鸟教程学，学好基础，你才能走的更远！</p>
</body>
</html>测试看看 ‹/›IEFirefoxOperaChromeSafari
所有主流浏览器都支持*选择器。