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 {
}
將第一個字符顏色改變
