伪类
selector:pseudo-class{property:value}
selector.class:pseudo-class{property:value}
例子
a:link{color:#FFF;}
a:visited{color:#000;}
a:hover{color:#ECECEC;}
a:active{color:#a0a0a0;}
a.red:link{color:#FFF;}
p:first-child{
}匹配同一层级的第一个p元素
p>i:first-child{
}匹配p下的第一个i元素
p:first-child i {
}匹配同一层级的第一个p元素下的所有i元素
伪元素
::after 在每个<x>元素之后插入内容
::before在每个<x>元素之前插入内容
::first-letter选择每个<p>元素的首字母
::first-line选择每个<p>元素的首行
::selection选择用户选择的元素部分
属性选择器
[title]{
? ? ? ? color: blue;
}：把包含title的所有元素变为蓝色
[title=runoob] {
? ? ? ? color:blue;
}：把包含title=runoob的元素变为蓝色
[title~=runoob] {
? ? ? ? color:blue;
}：把title存在runoob的元素变为蓝色
[title|=runoob] {
? ? ? ? color:blue;
}：把title包含runoob的元素变为蓝色
表单样式
input[type="text"] {
} input类型是text的