CSS选择器(二)

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

一,css的级联规则

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

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

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

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

二,继承

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

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

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,846评论 1 92
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,186评论 19 139
  • 半壶炎夏半壶心,无风无雨唤酒醒。 料想年年春过处,一池清水一池云。
    柴道一阅读 182评论 0 1
  • 有一种朋友,你们留有对方的QQ、微信、手机等联系方式,你很难用好朋友、闺蜜、姐妹来形容,因为你们压根平常就不联系,...
    不加鸡精味精阅读 7,785评论 0 2
  • 查查蜗牛阅读 2,062评论 7 6