如果孩子有特定的班级，则选择父母

Posted 2021-05-04

如果孩子包含某个类，有没有办法在sass中选择父元素？

基本上我正在使用tooltipster插件并遇到此问题

html

<div class="tooltipster-content">
  <span id="note-options">
    <ul>
      <li>Create new note</li>
      <li>Add new edit note</li>
    </ul>
  </span>
</div>

CSS

#note-options {
   //From here, select the .tooltipster-content parent
     ul {
       li {

       }
     }
}

我需要能够根据span标签的id选择.tooltipster-content类。

Tooltipster将始终使用相同的HTML结构生成，但我不想更改所有工具提示的工具提示包装器，我想根据每个工具提示执行此操作。

由于工具提示器不会将指定的id添加到父包装器以进行基本的CSS编辑，因此我能想到的唯一方法是尝试使用span ID来选择最接近的.tooltipster-content类。

这可以实现吗？

注意 - 我不想使用javascript / jquery来解决这个问题，我想尝试在CSS / SASS中实现它。

答案

不。在CSS或任何预处理器中，您无法通过dom选择父级。 JS是唯一的方法。

如果你有jQuery，你可以简单地使用.parent()。