CSS 03 选择器
2021-01-21 22:13
标签：就会 技术 签名 round alt asi 设置 图片 pre 选择器主要分3种 示例 1 : 元素选择器通过标签名选择元素 示例 2 : 通过id选择元素 示例 3 : 当需要多个元素，都使用同样的css的时候，就会使用类选择器 示例 4 : 同时根据元素名和class来选择 CSS 03 选择器 标签：就会 技术 签名 round alt asi 设置 图片 pre 原文地址：https://www.cnblogs.com/JasperZhao/p/13291402.html
元素选择器
id选择器
类选择器元素选择器
在实例中，所有的p都被设置成红色style>
p{
color:red;
}
style>
p>p元素p>
p>p元素p>
p>p元素p>
id选择器
注： 一个元素的id应该是唯一的。另一个元素不应该重复使用style>
p{
color:red;
}
#p1{
color:blue;
}
#p2{
color:green;
}
style>
p>没有id的pp>
p id="p1">id=p1的pp>
p id="p2">id=p2的pp>
类选择器
style>
.pre{
color:blue;
}
.after{
color:green;
}
style>
p class="pre">前3个p>
p class="pre">前3个p>
p class="pre">前3个p>
p class="after">后3个p>
p class="after">后3个p>
p class="after">后3个p>
更准确的选择
p.bluestyle>
p.blue{
color:blue;
}
style>
p class="blue">class=blue的pp>
span class="blue">class=blue的spanspan>
上一篇：CSS 06 背景
下一篇：常用PHP内部函数练习