如果孩子有一个特定的类,Sass 选择父母

S_R*_*S_R 9 css sass tooltipster

如果子元素包含某个类,是否有任何方法可以在 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>
Run Code Online (Sandbox Code Playgroud)

CSS

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

       }
     }
}
Run Code Online (Sandbox Code Playgroud)

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

Tooltipster 将始终使用相同的 HTML 结构生成,但我不想更改所有工具提示的 tooltipster 包装器,我想针对每个工具提示进行更改。

由于 tooltipster 不会将您指定的 id 添加到用于基本 CSS 编辑的父包装器,我能想到的唯一方法是尝试使用跨度 ID 来选择最接近的.tooltipster-content类。

这是可以实现的吗?

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

Suj*_*ran 5

不。在 CSS 或任何预处理器中,您无法向上移动 dom 以选择父级。JS是唯一的方法。

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