首页前端开发CSScss class同时设置多个值

css class同时设置多个值

时间2024-05-26 17:36:04发布访客分类CSS浏览81
导读:class同时设置多个值是甚么意义? class运用多个值 每个值空格离隔。 确凿代表class引入3个CSS抉择器,即: .aaa{} .bbb{} .ccc{} 为甚么会多么? 实际上有时一个款式多处用,有的共用,有的又有...

class同时设置多个值是甚么意义?

class运用多个值

每个值空格离隔。

确凿代表class引入3个CSS抉择器,即:

.aaa{
}

.bbb{
}

.ccc{
}

为甚么会多么?
实际上有时一个款式多处用,有的共用,有的又有分辨,这个时候将一起用的新建一个CSS选择器,一致的再新建一个CSS决定器,何等便于重(cong)用糜费CSS代码。

举例一个CLASS多值简单熟悉。

要是有3个DIV盒子,均设置装备摆设了一个近似边框名目,但宽度差异,这里即可以或许使用何等一个div内应用一个class引入多个抉择器命名。

完整实例代码:





class多个值实例

.bk{
 border:1px solid #F00}

.w100{
 width:100px}

.w200{
 width:200px}

.w300{
 width:300px}
    



宽度100,带边框
宽度200,带边框
宽度300,带边框

这里三个DIV均设置近似边框花色,宽度不合,应用一个class运用两个CSS决意器。


一class同时引入多个CSS格式抉择器截图

一个class=多值,也等于一个class调用引入多个css名目。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: css class同时设置多个值
本文地址: https://pptw.com/jishu/668621.html
c语言多线程实现的原理是什么 用css设置字体加粗代码

游客 回复需填写必要信息