Question

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

我不明白为什么要这样设置class值，这样写有什么好处，为什么要这样写，这样写又怎么去写这个class的css样式，求解各位大神，越详细越好

Answer 1

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

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

3. 写css样式时这么写：

   .item {}

   .icon {}

   .abb {}

   
   

Answer 2

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

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

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

追问

怎么联系你呢？说实话我现在有点懵里懵懂的，有点混乱了

Answer 3

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

Answer 4

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

Answer 5

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