大佬教程收集整理的这篇文章主要介绍了CSS中的重叠规则 – 背后的真正逻辑是什么？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
<td class="datepickerDisabled"><a href="#"><span>12</span></a></td>
在我的CSS中,有两个规则可以匹配此选择器：
tbody.datepickerDays td:hover { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; BACkground-color: #ddd; }
第二个是：
td.datepickerDisabled:hover { BACkground-color: white; }
将背景颜色设置为白色的第二条规则不匹配.我认为这将是覆盖先前规则的规则,因为它更具体(具有类datepickerDisabled的单元格).
tbody Element d
.datepickerDays Class c
td Element d
:hover Pseudo-class c
= 0,2
td Element d
.datepickerDisabled Class c
:hover Pseudo-class c
= 0,1
如果您不理解这种格式,请阅读http://www.w3.org/TR/CSS21/cascade.html#specificity：
如果您更喜欢图片source：
以上是大佬教程为你收集整理的CSS中的重叠规则 – 背后的真正逻辑是什么？全部内容，希望文章能够帮你解决CSS中的重叠规则 – 背后的真正逻辑是什么？所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。