<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>累选择器</title>
<style>
/*
一、选择器:可以选择一个或多个标签,为其添加样式
1.语法格式:
.类名{
属性1:属性值1;
}
2.使用步骤:
为标签设置一个class属性
利用类选择器中选择一个/多个标签
3.注意:
类选择器以英文的,开头
可以为多个标签指定相同的类名
类名尽量不要使用数字开头,不要使用中文,若类名过长并且由多个单词组成,可以使用"-"提高可读性
如:xxx-yyy
标签的class属性名可以同时指定多个,每个类名之间以空格隔开即可
*/
.div1{
color: red;
}
.p1{
font-size: 30px;
}
</style>
</head>
<body>
<div class="div1">我是div</div>
<p class="div1 p1 p2 p3">我是1个p</p>
<p>我是2个p</p>
<p class="p1">我是3个p</p>
<p>我是4个p</p>
<p>我是5个p</p>
</body>
</html>
版权属于:
yu
作品采用:
《
署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)
》许可协议授权
评论 (0)