CSS选择器(二)

作者: 前端梵风 | 来源:发表于2017-08-08 11:52 被阅读6次

    前面我们讲了css选择器的种类,现在来说说css选择器的规则。

    一,css的级联规则

    很多时候有几个css规则应用在同一个元素上,那么这时候就要理解级联规则了。

    1.就近原则:如果两个或者更多个选择器相同,那么后出现的选择器优先级较高(后面的选择器将会被应用)。

    2.具体性原则:如果一个选择器比其他选择器更加具体,那么具体的选择器优先于一般的选择器,如元素选择器比通用选择器具体。

    3.重要性:可以在选择器的属性值后面加上!important来强调这条规则比应用于同一元素的其他规则更重要。

    二,继承

    1.如果父元素应用了css规则,那父元素下的子元素也被强制使用此规则。

    2.注意:background-color属性和border属性不能被子元素继承。

    3.可将属性值设置为inherit,这样就可以强制大多数元素继承父元素的属性值。

    OK,我们就讲完了喔。期待下一篇文章吧!

    相关文章

      网友评论

        本文标题:CSS选择器(二)

        本文链接:https://www.haomeiwen.com/subject/pektrxtx.html