gpt4 book ai didi

html - 关于构建复杂 css 的最优雅方式的想法?

转载 作者:行者123 更新时间:2023-11-28 04:37:27 28 4
gpt4 key购买 nike

<分区>

这是一些标记的示例:

<div class="document">
<div class="main">
<div class="title" />
<div class="description />
</div>
<div class="sections">
<div class="section">
<div class="title" />
<div class="description" />
</div>
<div class="section">
<div class="title" />
<div class="description" />
</div>
</div>
</div>

在我的样式表中,我的规则可能如下所示:

.document .main .title { ... }
.document .sections .section .description { ... }

我喜欢这个。这种方法对我来说一直很有效,我认为越来越具体的选择器使什么是什么变得非常清楚(几乎就像阅读一个句子)。

但是最近有人告诉我这种方法不好,我应该改为执行以下操作:

<div class="document">
<div class="main">
<div class="mainTitle" />
<div class="mainDescription />
</div>
<div class="sections">
<div class="section">
<div class="sectionTitle" />
<div class="sectionDescription" />
</div>
<div class="section">
<div class="sectionTitle" />
<div class="sectionDescription" />
</div>
</div>
</div>

原因是它避免了类“title”所指的任何歧义。

我很好奇这里的人是怎么想的?我的方法不好吗(即令人困惑、有问题)?是否有为复杂标记格式化 css 的首选方法?

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com