其他分享
首页 > 其他分享> > CSS选择器

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>

 

标签:color,tea,元素,class,测试,选择器,CSS
来源: https://www.cnblogs.com/ttguo/p/16176863.html