css选择器分为四种:html选择器,id选择器,类选择器,属性选择器。
html选择器:
p {
color:#4cff00;
}
a {
font-size:20px;
}
id选择器:
#t1 {
color:#4cff00;
}
#test {
font-size:20px;
}
类选择器:
.t1 {
color:#4cff00;
}
.test {
font-size:20px;
}
属性选择器(不支持ie6)
[class~="t1"] {
color:#f00;
}
[class|="t1"] {
color:#f00;
}
<div class="t1 t2">测试三</div>
<div class="t1-t2">测试三</div>
~ 符号表示class里可以包含空格
| 符号表示class里可以包含 - 符号