<html>
<head>
<style>
/* 标签选择器 */
p{
color:red;
font-size:24px;
}
/* 类选择器:
样式点(.)定义
结构类(class)调用
一个或多个
开发最常用
*/
.style-color{
color:green;
}
.style-size{
font-size:90px;
}
#p-style{
color:blue;
font-size:100px;
}
</style>
<meta charset="utf-8" />
<title>css三种选择器</title>
</head>
<body>
<p>建行卡号</p>
<p class="style-color">建行卡号</p>
<p class="style-color style-size">邮政很行</p>
<!-- ID选择器:
样式(#)号定义
结构(Id)调用
只能调一次
别人勿使用 -->
<p id="p-style">终于哦讲故事</p>
<p id="p-style"></p>
<!-- <p class="style-color">kmdgnd</p> -->
</body>
</html>``
css三种选择器
最新推荐文章于 2022-09-04 15:14:53 发布