如何修改BEM中的多个嵌套元素？

在BEM（块-元素-修饰符）方法中，修改多个嵌套元素可以通过为每个元素添加相应的修饰符类来实现。以下是一个使用HTML和CSS的示例：

HTML代码：

<div class="block">
  <div class="block__element1"></div>
  <div class="block__element2"></div>
</div>

CSS代码：

.block {
  /* 块的样式 */
}

.block__element1 {
  /* 元素1的样式 */
}

.block__element2 {
  /* 元素2的样式 */
}

在这个示例中，我们有一个块（block）元素，其中包含两个嵌套元素（element1和element2）。要修改这两个嵌套元素，只需为每个元素添加相应的修饰符类。

例如，我们想要修改元素1的样式，可以添加一个修饰符类，例如block__element1--modified：

<div class="block">
  <div class="block__element1 block__element1--modified"></div>
  <div class="block__element2"></div>
</div>

然后，在CSS中，我们可以为修饰符类添加样式：

.block__element1--modified {
  /* 修改后的样式 */
}

通过这种方式，我们可以在BEM中轻松地修改多个嵌套元素的样式。