css class选择器用法及实例
css class选择器用法
CSS中class选择器,即类选择器是CSS的基本的选择器之一。顾名思义,class选择器就是通过HTML文档中元素的class的相关属性值来选择该元素,并设置相应的CSS层叠样式表。其语法如下:
.className {属性: 属性值;}
提示:className即class的属性值前有个英文的“.”。
提示:通过CSS的类选择器可以选择任何多个的class属性值为className的元素,即为多个HTML元素设置相同的CSS样式。
css class选择器实例代码,及在线编辑器
下方的实例中,将为class属性值为example的元素p和span设置相同的样式:
<p class='example'>这是段落p</p>
<span class="example">这是span元素</span>
<style>
.example{color:green;font-size:1.5em;}
</style>
免责声明:内容仅供参考。