saccではクラスの繋がりはどう表記すればいいですか？

Question

例えばjavaクラスの中にtagクラスがあったとすると、cssでは
java.tag{}
といったように.でつないでいましたよね？
これはscssではどう表現すればいいですか？
複数クラスの絞り込みという質問です。

Answer 1

例えばjavaクラスの中にtagクラスがあったとすると、cssでは

java.tag{}
といったように.でつないでいましたよね？

いえ、違います。「クラス」を表すものが.で、関係性は並べ方で表します。

• .java.tag…同じ要素にjavaとtagの両方のクラスがついているもの
• .java .tag…javaクラスのある要素の子孫にtagクラスがある場合
• .java > .tag…javaクラスのある要素の直下にtagクラスがある場合

これはscssではどう表現すればいいですか？

• CSSをそのまま書けば、SCSSとしても解釈できます。
• .foo { .bar {} }のようにネストすることで、CSSでは.foo .barのように展開されます。