CSS选择器
1 <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>
