CSS选择器总结

1，div是一个标准的块级元素。一个块级元素会新开始一行并且尽可能撑满容器。

     其他的常用块级元素包括：p，form 和HTML5中的新元素：header,footer,section等等

      span 是一个标准的行内元素，就像a元素一样

2，前端工程师主要打交道的是浏览器

主要浏览器和内核： IE : 内核：trident

Firefox:内核Gecko

Google chrome:内核：Webkit/blink

Safari: 内核：Webkit

Opera: 内核：presto

3,异步的：分开同时加载

同步的：一个执行完在执行另一个

4， 选择器的优先顺序

!important > 行间样式 >id选择器 >class | 属性选择器 > 标签选择器 > 通配符选择器

 

5，CSS权重

！importan Infinity

行间样式 1000

id 100

class|属性|伪类 10

标签|伪元素 1

通配符 0

(256进制)

6，复杂选择器

div span{} //又叫父子选择器 或者 派生选择器

div > span {} // 直接子元素选择器

div.demo{} //并列选择器

div#demo{} //并列选择器

a:hover{} //伪类选择器

伪元素：一个标签天生都有两个伪元素

<span></span> span::before{}

span::after{};

7：选择器的先后顺序

！important > 行间样式 > id选择器 > class 选择器 == 属性选择器 > 标签选择器 > 通配符

 

8：CSS权重

!important Infinity

行间样式 1000

id 100

class|属性|伪类 10

标签|伪元素 1

通配符 0

直接子元素选择器 div > em {};

 

http://note.youdao.com/noteshare?id=9e86be768de134190086f44e13567ed3&sub=47D9658098BA44219F6C84BA96E875C4