css - LESS CSS を使用して親の要素を選択する

Question

次のような HTML 構造があります。

<div class="container">
  <label>Name:</label>
  <div class="controls">
    <input type="text" class="formatted-input"></input>
  </div>
</div>

「formatted-input」クラスにしかアクセスできません。そのクラスから最も外側の親のラベルに移動し、フォーマットを適用する方法が必要です。これは LESS CSS を使用して可能ですか?

私はこのようなものを思いついた：

.container .formatted-input
{
  & & > label {
    color: yellow;
  }
}

しかし、それは機能しません。助言がありますか？

ありがとう！

score 0 · Accepted Answer

LESS は単なる CSS に構文糖衣を付けたものです。

次のセレクターを取得したいだけのようです。

それらをまとめてクラスター化する場合は、共通性を中心に整理する必要があります.container。この場合は次のとおりです。

.container {
    label {...}
    .formatted-input {...}
}

1 に答える 1