使用 class 选择器设置单、多个元素的样式

 

CSS 的class具有可重用性,可应用于各种 HTML 元素。

一个 CSSclass声明示例,如下所示:

<style>
  .blue-text {
    color: blue;
  }
</style>

可以看到,我们在<style>样式声明区域里,创建了一个名为blue-textclass选择器。

你可以将 CSSclass选择器应用到一个HTML元素里,如下所示:

<h2 class="blue-text">CatPhotoApp</h2>

注意:在style样式区域声明里,class需以.开头。而在 HTML 元素里,class属性的前面不能添加.

 

 

 

 

需要声明<style> 然后.red-text{}  接着<h2 class= style的class选择器名字>

在<style>声明区创建一个名字选择器(记得加.), 接着在class选择器应用这个名字就能改变颜色了

 

多个元素的样式也就是在 class选择器中使用 声明区的选择器名字

posted @ 2021-04-30 11:17  Sai佐为  阅读(834)  评论(0)    收藏  举报