html5 js class选择器,CSS 类选择器(四),css类选择器

CSS 类选择器(四),css类选择器

一、类选择器

类选择用使用"."(英文点号)进行标识,后面紧跟类名

如:

.red{color:red;}

d4cd8123baafaf27ddcf150d78fb8c13.png

类样式可以应用于文档中的多个元素,这体现了CSS代码的可重用性,帮助用户简化页面控制。

二、类选择器与标签选择器

类选择器和标签选择器都具有一对多的特性,即一个样式可以控制多个元素对象的显示效果。

注意事项:

与标签选择器相比,类选择器具有更好的适应性和灵活性,因为可以指定类的样式所应用的元素对象范围

与类选择器相比,标签选择器具操作简单、定义方便的优势,因为不需要为每个元素都定义相同的class属性,而使用类选择器之前,需要在HTML文档中为要应用类样式的元素定义class属性,这亲就显示重比较麻烦。

标签选择器适合为元素定义全局显示属性,而类选择器,更适合定义类样式,定义了标签选择器的样式之后,肯定会对页面中同一个元素产生影响,而类选择器定义的样式会出现不被应用的情况,具有更大的机动性。

伪类和伪对象选择器
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值