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

2017-08-18  本文已影响0人  没_有_人

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

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

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

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

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

通配选择器:0;

标签名选择器:1;

类选择器:10;

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

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

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

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

css页面两列式布局

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

两列式布局的一般写法

上一篇下一篇

猜你喜欢

热点阅读