初识CSS-类选择器
物以类聚人以群分,网页中的元素也是一样的
在页面中总有很多元素拥有一模一样的外观,比如:一样的大小,同样的颜色
那么我们如果继续使用id选择器一个一个去设置样式就会很麻烦
这个时候我们可以选择类选择器来写样式
<style>
.red{
color: red;
}
</style>
<body>
<h1 class="red">abc</h1>
<h1 class="red">sdf</h1>
</body>
如果想给两个h1标签同样适用于一种样式的话,我们用类选择,给两个h1标签添加class=“red”
这样,两个h1标签中的文本就都会变成红色
类选择器的好处就是只用写一遍样式,哪个元素如果想使用这种样式,只用添加class属性即可,不需要重复写一种样式,极大的增加了编写效率。
还没有评论,来说两句吧...