如何使用scss将样式应用于祖先？仅当祖先具有x个元素/类时？

Question

如果.page-builder__item--text中有一个表，我希望它具有x样式。

通过阅读sass-lang文档，我得到了这个，但这似乎行不通。 我是否误解了文档？如果可以，怎么办？ 注意：我无法更改html

table {
  .page-builder__item--text & {
    background-attachment: red;
  }
}

html看起来像这样

<div class="page-builder__item--text">
    <div class="no-leftpad no-rightpad">
        <div class="pb-text">
           <table>
   //====table content here
           </table>
       </div>
   </div>
</div>

Answer 1

无法选择CSS或SCSS中的祖先。如果表格的宽度和高度均为全高，则可以将:: after元素定位为添加背景。

否则，我建议使用javascript。