1、属性选择器
[text]
[text=abc] 全等于
[text*=c] 包含
[text^=c] 以c开始
[text$=c] 以c结尾
div[text] 仅渲染div的标签
2、元素选择器
直接用标签
P {
}
3、类选择器
Class = "red"
.red {
}
4、id选择器
Id="adv"
#ady {
}
5、后代选择器
Div p {
}
div标签下的p标签内容样式修改
Div>p{
}
div标签下的第二级p标签
6、相邻兄弟选择器
Li+li {
}
表示 li 标签的后一个 li 标签样式修改
7、伪选择器
A:hover {
}
悬停效果
8、first-child
P:first-child{
}
9、nth-child
10、first-line
p:first-line{
}
将第一行颜色改变
p:first-letter {
}
将第一个字符颜色改变