CSS样式选择符:准确选中元素(标签),又不影响其他元素。
CSS样式选择符包括:1,类型选择符;2,id选择符;3,class选择符;4,包含选择符;5,群组选择符;
1,类型选择符
- h1{color:red;font-size:50px; border:1px solid red;}
2,id选择符
- #h{color:red;}
3,class选择符
- .box1{color:red;font-size:50px; border:1px solid red;}
- .box2{color:blue;}
- .box3{background:#ccc;}
4,包含选择符
- div p{color:red;font-size:50px; border:1px solid red;}
- #box p{color:red;font-size:50px; border:1px solid red;}
- .div p{color:red;font-size:50px; border:1px solid red;}
5,群组选择符
- #h-2,#h-1,#h{color:red;font-size:50px; border:1px solid red;}
- .h-2,.h-1,.h{color:red;font-size:50px; border:1px solid red;}
- div,p,span{color:red;font-size:50px; border:1px solid red;}