<style>
2         p{color:blueviolet;}
3         p.tea{color:green;}/*选择class类的p元素*/
4         blockquote.tea{color:red;}/*选择class类的blockquote元素*/
5         .tea{color:blue;}/*选择class类的tea元素*/
6         .b{color:yellowgreen;}
7     </style>

css选择器

html标记

 1  <p class="tea">
 2       <img src="../images/green.jpg" alt="Green Tea Cooler">
 3       Chock full of vitamins and minerals, this elixir
 4       combines the healthful benefits of green tea with
 5       a twist of chamomile blossoms and ginger root.<br>
 6       为html中的元素添加一个class属性，就会把这个属性添加到类中
 7       <br><em>此处用来测试类标签有没有继承属性</em><p>这里还是用来测试类选择器有没有继承属性</p>
 8       <h5>还是用来测试类选择器会选择那些内容</h5>
 9     </p>
10     
11     <blockquote class="tea">这里是块引用,用来测试类选择器</blockquote>
12     <h4 class="tea">测试如何使一个类中所有元素使用同一个样式 </h5>
13     <h4 class="tea b c">测试同一个元素属于不同的类,多个选择器选择同一个元素，在其他情况相同的情况下多个选择器选择同一个元素时，此时要有样式表文件的顺序来解决冲突<br>此时胜利的是样式表中最后的哪个元素 </h5>