CSS之⑤类选择器(基础选择器③)

                         QQ:3020889729                                                                                 小蔡

何为类选择器

css基础选择器包含:标签,id,类,通配符选择器。
类选择器,作为一种选择器,起到使用该选择器id(名字)就可以应用该样式——并且,顾名思义,该选择器的名字是任意的(除去标签和通配符*),是作为类用的——类选择器能被应用无限多次

类选择器的选择器名字

html包含的所有标签和通配符外,任意满足命名规则的名字都可以作为选择器名字。

类选择器的作用范围

引用了·css的html文件中,该选择器伴随的标签的作用范围都是该选择器的作用范围——该选择器只能应用可应用无数次。

类选择器的基本格式

格式:.+任意选择器名+空格+{样式内容}

类选择器的使用

css代码:

/* 类选择器 */
/*实现p标签的字体颜色,行高,背景颜色*/
.anys {
  color:red;
  background-color: black;
  line-height: 40px;
}

html代码:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>类选择器</title>
  <link rel="stylesheet" href="./演示css.css">
</head>
<body>
 <p class="anys">我是第一次调用类选择器</p>
 <p class="anys">我是第二次调用类选择器</p>
</body>
</html>

效果实现p标签的字体颜色,行高,背景颜色-黑色
在这里插入图片描述

发布了63 篇原创文章 · 获赞 71 · 访问量 8628

猜你喜欢

转载自blog.csdn.net/weixin_44604887/article/details/104209025