类选择器
我是老大
我是老二
我是老三
大嫂
二嫂
三嫂
老五告诉老四老三的老二老大了
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>类选择器</title>
<style>
/*.one:类选择器，类选择器在类名前必须加 . 符号*/
.one{
color: blue;
text-decoration: underline;
}
.two{
font-size: 20px;
background-color: yellow;
}
.three{
color: red;
}
/*one类的所有p标签加样式*/
p.one{
font-weight: bold;
font-style: italic;
/*italic 斜体字 bold 加粗*/
}
</style>
</head>
<body>
<!--class属性：类，给元素添加一个类，多个元素可以使用同一个类-->
<P class="one">我是老大</P>
<P class="two">我是老二</P>
<!--一个元素可以加多个类，用空格隔开-->
<P class="three two">我是老三</P>
<div class="three">大嫂</div>
<div class="two">二嫂</div>
<div class="one">三嫂</div>
<br>
<div>老五告诉老四老三的老二老大了</div>
</body>
</html>