div 的 HTML 值相互依赖

Question

请原谅我的糟糕标题，我不知道这种 html 编码方式是如何调用的，这就是我首先提出这个问题的原因。 我已经编写了一些代码，但我需要知道如何调用这种编码方式。

我有一个值为“container”的 div，还有另一个 div“container bottom-services”。我这样写是因为我看到类 bottom-services 将使用容器的样式，因为我不想对 bottom-services 也使用相同的 css 样式。这是代码:

<div class="container">
 ...
</div>

<div class="container bottom-services">
....
</div>

样式:

.container
{
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

Answer 1

你写class的方式没有特殊意义

这就是 css 在类上的工作方式......

但是如果你看看一些css架构

you are very close of BEM methodology

它很好地扩展了 css 并且比你描述的更深一些

查看此链接以获取更多示例: https://seesparkbox.com/foundry/bem_by_example

您可以查找和比较的另一种方法论:

• 面向对象
• SMACSS
• SUITCSS