前面我们讲了css选择器的种类,现在来说说css选择器的规则。
一,css的级联规则
很多时候有几个css规则应用在同一个元素上,那么这时候就要理解级联规则了。
1.就近原则:如果两个或者更多个选择器相同,那么后出现的选择器优先级较高(后面的选择器将会被应用)。
2.具体性原则:如果一个选择器比其他选择器更加具体,那么具体的选择器优先于一般的选择器,如元素选择器比通用选择器具体。
3.重要性:可以在选择器的属性值后面加上!important来强调这条规则比应用于同一元素的其他规则更重要。
二,继承
1.如果父元素应用了css规则,那父元素下的子元素也被强制使用此规则。
2.注意:background-color属性和border属性不能被子元素继承。
3.可将属性值设置为inherit,这样就可以强制大多数元素继承父元素的属性值。
OK,我们就讲完了喔。期待下一篇文章吧!