第二课 | 第二节 | CSS样式选择符

CSS样式选择符：准确选中元素（标签），又不影响其他元素。
CSS样式选择符包括：1，类型选择符；2，id选择符；3，class选择符；4，包含选择符；5，群组选择符；

1，类型选择符

1. h1{color:red;font-size:50px; border:1px solid red;}  

2，id选择符

1. #h{color:red;}  

3，class选择符

1. .box1{color:red;font-size:50px; border:1px solid red;}  
2. .box2{color:blue;}  
3. .box3{background:#ccc;}  

4，包含选择符

1. div p{color:red;font-size:50px; border:1px solid red;}  
2. #box p{color:red;font-size:50px; border:1px solid red;}  
3. .div p{color:red;font-size:50px; border:1px solid red;} 
   

5，群组选择符

1. #h-2,#h-1,#h{color:red;font-size:50px; border:1px solid red;}  
2. .h-2,.h-1,.h{color:red;font-size:50px; border:1px solid red;}  
3. div,p,span{color:red;font-size:50px; border:1px solid red;}