首页 > <div class="container container1">这个类的命名为什么要这样写?

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

<div class="container container1">

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

</div>

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


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


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


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


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

【热门文章】
【热门文章】