<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>复合选择器之通配选择器--选中页面中的所有标签</title>
</head>
<style>
*{ color:#F00;
padding:0;
margin:0;
}/* *代表所有标签 */
div{
width:200px;
height:200px;
background:#1C193A;
color: aliceblue;
}
</style>
<body>
<div>慈众易博网页信息自动发布系统V9一款网页/HTTP协议类全自动辅助操作工具</div>
<p>慈众易博网页信息自动发布系统V9是继早期的V7、V8版本之后又一款简单高效的万能网络营销推广工具</p>
<span>慈众易博网页信息自动发布系统V9是专业营销推广人员及SEO从业人员的核武器</span>
<i>慈众易博网页信息自动发布系统V9</i>
</body>
</html>
解释一下:
以上代码中我们先用*这样的选择器选中了页面中的所有元素,并进行了一些css设置,然后又用标签选择器设置了div的css样式,后面标签选择器中css设置的覆盖了*的css设置。
*是通配选择器,表示选中所有元素,但它的优先级是最低的,任何选择器的css设置都可以覆盖通配选择器的css设置。
执行结果如下:
|