web-dev-qa-db-ja.com

子供が特定のクラスを持っている場合、Sassは親を選択します

子に特定のクラスが含まれている場合、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構造で生成されますが、すべてのツールチップのtooltipsterラッパーを変更したくはありません。ツールチップごとに変更したいと思います。

Tooltipsterは基本的なCSS編集の親ラッパーに指定されたIDを追加しないため、私が考えることができる唯一の方法は、スパンIDを使用して最も近い.tooltipster-contentクラスを選択しようとすることです。

これは達成可能ですか？

注-これを修正するためにjavascript/jqueryを使用したくないので、CSS/SASSでそれを達成しようとしています。

csssasstooltipster
7
S_R

いいえ。 CSSやプリプロセッサには、domを移動して親を選択する方法はありません。 JSが唯一の方法です。

JQueryをお持ちの場合は、.parent()を使用するだけです。

6
Sujan Sundareswaran