CSS总结
css选择器种类有:
- 通用选择器:*
- id选择器:#header{}
- class选择器:.header{}
- 元素选择器:div{}
- 子选择器:ul > li{}
- 后代选择器:div p{}
-
伪类选择器:
:hover、::selection、.action、:first-child、:last-child、:first-of-type、:last-of-type、:nth-of-type(n)、:nth-of-last-type(n)等,例如a:hover{} -
伪元素选择器: :after、:before等,例如:li:after
-
属性选择器: input[type=“text”]
-
组合选择器:
E,F/E F(后代选择器)
/E>F(子元素选择器)
/E+F(直接相邻元素选择器----匹配之后的相邻同级元素)
/E~F(普通相邻元素选择器----匹配之后的同级元素) -
层次选择器:p~ul 选择前面有p元素的每个ul元素
css选择器优先级:
-
选择器优先级由高到低分别为:
!important > 作为style属性写在元素标签上的内联样式 >id选择器>类选择器>伪类选择器>属性选择器>标签选择器> 通配符选择器(* 应少用)>浏览器自定义; -
当比较多个相同级别的CSS选择器优先级时,它们定义的位置将决定一切。下面从位置上将CSS优先级由高到低分为六级:
- 第一级位于标签里的<style/>中所定义的CSS拥有最高级的优先权。
- 第二级的优先属性由位于
<style/>标签中的 @import 引入样式表所定义。 - 第三级的优先属性由<link/>标签所引入的样式表定义。
- 第四级的优先属性由<link/>标签所引入的样式表内的 @import 导入样式表定义。
- 第五级优先的样式有用户设定。
- 最低级的优先权由浏览器默认。
CSS哪些属性可以继承?
css继承特性主要是指文本方面的继承(比如字体、颜色、字体大小等),盒模型相关的属性基本没有继承特性。
-
不可继承的:
display、margin、border、padding、backgroun