css - <div class="container container1">这个类的命名为什么要这样写？

Question

<p class="container container1">

<p class="flex-item flex-item1">1 1</p>
<p class="flex-item flex-item2">1 2</p>
<p class="flex-item flex-item3">1 3</p>

</p>

类的名字这样写能有什么好处？为什么要这样写？

Answer 1

便于类的复用，细粒度的类定义，可以组合成比较复杂的样式展示效果。

Answer 2

有一瞬间不明白你在说什么 举个例子 你想给第二个flex-item 添加一个事件 而$(".flex-item").on("click",function(){}) 但这样会给每一个p都添加这样的事件 所以就要用不同的class做区分啊 写成$(".flex-item2").on("click",function(){}) 这样就只会给第二个p绑定事件了

Answer 3

这样写优势很明显呀，如果是共用的样式就去一个类名，以后要改也方便。如果你还要每个都具体设，就用不一样的类名咯

Answer 4

它们有相同的class:flex-item,说明它们有相同样式，这样写省去很多垃圾代码