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标签的字体颜色,行高,背景颜色-黑色