Css 边界元嵌套命名

假设我有

面板

块，每个块中都有我想制作的卡片，所以应该是这样的：

.control-block
  .control-panel
    .control-results
      .card
        .card-title
        .card-body

---

我应该使用一些前缀来

.card

块吗？

对于

card

块，您不需要任何前缀，但我更喜欢这样：

.control
  .control__panel
    .control__results
      .card
        .card__title
        .card__body

所以有两个块：

控件

，里面有

卡

。

控件

有两个元素：

面板

和

结果

。而

卡片

有

标题

和

正文

如果要将

卡

与

控件

连接，可以添加一个带有

控件的卡

，因此最终标记将为：

.control
  .control__panel
    .control__results
      .card .control__card
        .card__title
        .card__body

---

有关这种方法的更多信息，请参见您不需要

卡的任何前缀，但我更喜欢这样：

.control
  .control__panel
    .control__results
      .card
        .card__title
        .card__body

所以有两个块：
控件
，里面有
卡
。
控件
有两个元素：
面板
和
结果
。而
卡片
有
标题
和
正文

如果要将
卡
与
控件
连接，可以添加一个带有
控件的卡
，因此最终标记将为：

.control
  .control__panel
    .control__results
      .card .control__card
        .card__title
        .card__body

有关此方法的更多信息，请参阅