在CSS中,使用 “*” 代表所有的标签,它叫做通配符选择器
用法:
(1)匹配所有的元素
*{
// 设置所有元素的外边距margin和内边距padding都为0。
margin:0px;
padding:0px;
}
由于会匹配所有的元素,这样会影响网页渲染的时间,所以可以使用标签选择器,将所需的标签统一写在一起,用“,”分隔。(其实影响很小,但对于大型项目,你懂得,时间宝贵啊!!!)
h1,h2,h3,h4,h5,h6{
margin:0px;
padding:0px;
}
(2)给某个元素的后代设置相同的样式
<html>
<head>
<style type="text/css">
.red {
color:red;
}
.red * {
font-weight : bold;
}
</style>
</head>
<body>
<div class="red">
<div>
长子div
<div>孙子div</div>
</div>
</div>
</body>
</html>
浏览器匹配文档中所有的元素后分别向上逐级匹配class为red的元素,直到文档的根节点,因此其匹配开销是非常大的,通常比开销最小的ID选择器高出1~3个数量级,所以应尽量避免使用关键选择器是通配选择器的规则。
Tips:
但是对于初学者可以不考虑性能优化的问题,想用就用。到考虑性能优化的问题时你已经是小牛了!!!