在css中,要对元素添加样式,可以使用选择器来实现。这里就来说说几种比较常见的选择器。选择器的逻辑是选中页面中指定的标签元素。要先选中元素,才能选中元素的属性。
标签选择器
标签选择器能快速为同一类的标签添加样式。
标签 {
}
<style>
p {
color: red;
}
div {
color: green;
}
</style>
<p>第一段</p>
<p>第二段</p>
<p>第三段</p>
<div>第一个div</div>
<div>第二个div</div>
<div>第三个div</div>
类选择器
上述的标签选择器会选中全部符合要求的标签。但是现在我只想把第一段给变成红色,这个时候就可以使用类选择器,差异化表示不同的标签。
.标签 {
}
<!-- 标签中需要带class属性-->