CSS基础知识点整理笔记(一)

一、CSS3常用选择器、优先级及权重

1、选择器：

标签、类、ID、全局、组合、后代、兄弟、伪类、伪元素选择器

2、优先级:

!important > 行内样式 > ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性

3、权重计算：

• 第一等：代表内联样式，如：style = '' ,权值为1000

• 第二等：代表ID选择器，如：#content ,权值为0100

• 第三等：代表类、伪类、属性选择器，如：.content 权值0010

• 第四等：代表标签选择器和伪元素选择器，如div、p ，权值0001

• 通配符、子选择器、相邻选择器。如<、>、+ 权值为0000

• 继承样式无权值、!important 最高权值 

4、结构伪类选择器

选择器	功能描述
E:last-child	选择父元素的倒数第一个子元素E
E:nth-child(n)	选择父元素的第n个子元素
E:nth-last-child(n)	选择父元素的倒数第n个元素E,须满足倒数第n个元素以及为E标签，否则无效
E:first-of-type	选择满足条件下的同种标签的第一个元素
E:last-of-type	选择满足条件下的同种标签的最后一个元素
E:nth-of-type(n)	选择满足条件下的同种标签的第n个元素

 

二、盒子模型的组成部分