html - 別の CSS クラスに依存する 1 つの CSS クラス

Question

これは簡単な質問だと思います。

2 つの CSS クラスの場合:

.cssclass1 { ...some element .... }
.cssclass2 { ...some element .... } 

入力フィールドでそれらを使用したい：

<input type="text" class="cssclass1 cssclass2" />

cssclass1 と同じ要素にある場合にのみ cssclass2 がレンダリングされるようにチェーンするにはどうすればよいですか?

Answer 1

純粋な CSS:

.cssclass2 {
  display: none;
}

.cssclass2.cssclass1 {
  display: block;
}

SCSS:

.cssclass2 {
  display: none;

  &.cssclass1 {
    display: block;
  }
}

Answer 2

.cssclass1.cssclass2 {
    //...
}

あなたがやりたかったことを正確に行います。

あなたの記録のために、これは：

#foo.bar

id として foo を持ち、クラスとして bar を持つタグを選択します。最初のものはあなたの実際の問題を解決しますが、2番目のものについても知っていても害はありません.