美文网首页
选择器的优先级和页面布局

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

作者: 没_有_人 | 来源:发表于2017-08-18 20:01 被阅读0次

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

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

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

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

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

    通配选择器:0;

    标签名选择器:1;

    类选择器:10;

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

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

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

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

    css页面两列式布局

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

    两列式布局的一般写法

    相关文章

      网友评论

          本文标题:选择器的优先级和页面布局

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