css优先级 中文版MDN补充翻译

 

原文地址:https://developer.mozilla.org/zh-CN/docs/Web/CSS/Specificity
css的MDN中文版,这一页是讲css的优先级的。
读到文章的最后,末尾部分,翻译貌似是罢工了,而且显示结果也出错了。
中文版cssMDN错误部分
英文原版是这样的:
英文原版页面
所以,我就来冒昧的翻译一下吧。
——————————–start—————————————————

选择器直接定位到元素的样式与元素继承的css样式进行优先级对比

如果通过css选择器直接定位到元素,那么在这个选择器中声明的样式就比元素继承(自祖先元素)的样式具有更高的优先级。而不管这个继承的样式本身是通过什么方式或者什么优先级的规则定义的。

#parent {
  color: green;
}
h1 {
  color: purple;
}

当它应用在以下html上的时候

<html>
<body id="parent">
  <h1>Here is a title!</h1>
</body>
</html>

浏览器会将它渲染成:
渲染效果
———————————-end———————————————————-

 

转载于:https://www.cnblogs.com/yinzhida/p/10459945.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值