选择器的优先级和页面布局

苦思冥想,挖空心思,肚子里面已经没货了,写啥呢?我以为我来到这里的日子里,是在敲代码中度过,想不到是天天想着怎么给博客润色,好吧,往下写吧!

说一下我对选择器的优先级问题的理解:

发生代码冲突的时候,我们才会考虑选择器的优先级的问题;

当相同选择器发生代码冲突的时候,后写的代码会覆盖前面的代码;

当不同选择器发生代码冲突的时候,优先级高的选择器会覆盖优先级低的选择器;

通配选择器:0;

标签名选择器:1;

类选择器:10;

群组选择器:不会有优先级相加的过程;

后代选择器:有优先级相加的过程;

*<Tag<class<id<style<!important;

它们之间的优先级是绝对的,不存在低级的优先级通过累加高于高级的优先级;

css页面两列式布局

通常的页面一般都有header nav search content  aside article section footer 这些结构都要有相应的类名对应,要做到见名知意;

两列式布局的一般写法

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

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,686评论 1 92
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,478评论 19 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,658评论 25 709
  • 李中莹亲子关系十个基本要诀之五 五、孩子所有行为必有其正面动机。 每个人都要为满足自己内心的一些需要而做事。孩子的...
    根本源阅读 1,014评论 0 0
  • 前言:前几天小弟来看我,我提议去看电影,说可以在美团订票。小弟一脸茫然,他说自己什么都不懂,后来竟有些失落,说觉得...
    陈晓依阅读 10,604评论 100 170