如何覆盖被其他类/元素深度嵌套的元素样式？

要覆盖被其他类/元素深度嵌套的元素样式，可以使用CSS选择器的优先级规则来实现。

CSS选择器的优先级规则如下：

1. 内联样式（在HTML元素的style属性中定义的样式）具有最高优先级，会覆盖其他所有样式。
2. ID选择器具有较高优先级，会覆盖类选择器和标签选择器。
3. 类选择器和属性选择器具有相同的优先级，会覆盖标签选择器。
4. 后面定义的样式会覆盖先前定义的样式。

根据以上规则，可以采取以下方法来覆盖被其他类/元素深度嵌套的元素样式：

1. 使用内联样式：在需要覆盖样式的元素上添加style属性，并定义新的样式。例如：

<div class="container">
  <p class="nested-element" style="color: red;">覆盖样式</p>
</div>

1. 使用ID选择器：给需要覆盖样式的元素添加一个唯一的ID，并定义新的样式。例如：

<div class="container">
  <p id="nested-element" class="nested-element">覆盖样式</p>
</div>

#nested-element {
  color: red;
}

1. 使用更具体的选择器：通过增加选择器的层级或者使用更具体的选择器来提高优先级。例如：

<div class="container">
  <p class="nested-element">覆盖样式</p>
</div>

.container .nested-element {
  color: red;
}

1. 使用!important声明：在样式属性后添加!important声明，可以强制覆盖其他样式。例如：

<div class="container">
  <p class="nested-element" style="color: red !important;">覆盖样式</p>
</div>

需要注意的是，为了保持代码的可维护性和可读性，应该尽量避免使用!important声明，而是合理利用选择器的优先级规则来管理样式。