1.CSS样式的优先级
2.CSS简单选择器:根据名称、ID。类别来选择元素
元素选择器,根据名称来选择
分组选择器:选择所以具有相同样式的HTML元素
ID选择器:是使用一个HTML元素的id属性来选择一个特定的元素
通用选择器:选择页面上所有的HTML元素,使用通配符*
3.组合选择器:根据元素之间的特定关系来选择元素
后代选择器:匹配作为指定元素后代的所以元素
子选择器:只能选择作为某元素的子元素,不能选择到孙辈的元素
4.伪类选择器:根据某种状态来选择元素
鼠标点击前(:link)代表鼠标没有操作元素时元素的默认样式
鼠标点击后(:visited)代表鼠标点击并离开元素之后的样式
鼠标悬停时(:hover)代表鼠标悬停或者是划过元素时元素的样式
鼠标点击时(:active)代表鼠标点击元素瞬间,元素显示的样式
注意:
5.伪元素选择器:为一个元素的指定部分设置样式
::first-letter:实现向文本的首个字符添加特殊样式
::first-line:实现向文本的首行添加特殊样式
::before:实现在元素内容之前插入内容
::after:实现在元素内容之后插入内容
::selection:用来更改选中文本的样式
6.属性选择器:根据一个属性或属性值来选择元素