html中类似于这样的class属性(class="item icon abb"),如何写它的css样式,这样的class属性有什么作用

2025-01-24 14:01:00
推荐回答(5个)
回答1:

  1. 简单点说就是这句html代码同时拥有名叫item,icon,abb的三个类的样式,这三个样式都作用于此html代码。

  2. 从类名称猜想,item主要控制内容中有关项目的样式,icon控制有关图标的样式,abb应该是增加的特殊的样式,这样起类名是符合语义化标准的,看到类名基本能够猜到控制哪部分样式,对后期修改也有好处,找指定css即可。尤其在大团队合作中,这样规范性更显得重要。但是就这个具体例子来说,它的类名还需要改进,你可以查阅css语义化标准的相关内容。

  3. 写css样式时这么写:

    .item {}

    .icon {}

    .abb {}


回答2:

这个写法代表此样式同时调用item和icon和abb样式,写样式的话跟常规写法一样的。

.item{
具体样式
}
.icon{
具体样式
}
.abb{
具体样式
}

如有不明白可联系我,望采纳。

回答3:

就是说这个标签有三个class属性:item icon abb,比如item说明它是一个项目,icon说明它又是图标等等

回答4:

在style里面只要.item{xxxx} .icon{xxxx} .abb{xxxx}这样写就行了;
这样这个class所在的元素包含item、icon和abb三个不同的类样式;

回答5:

这样写主要是为了可以代码复用