CSS-通配符选择器

在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:
  但是对于初学者可以不考虑性能优化的问题,想用就用。到考虑性能优化的问题时你已经是小牛了!!!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值