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>

免责声明:内容仅供参考。


全栈前端 / CSS教程 :



























Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.