html - html/css複数のドットを持つ要素はどういう意味ですか

Question

複数のcssクラスを適用したい場合は<div class = "c1 c2 c2">
、いくつかのコードを調べています。どういう<div class = "c1.c2.c3">意味ですか？

Answer 1

<div>あなたが持っているコードは正しいですが、2番目の要素（ ）にドットは必要ありません<div class='c1.c2.c3'></div>。（明示的にc1.c2.c3という名前の要素が実際にない限り、先頭のスラッシュをエスケープしない限り、CSSスタイル宣言で問題が発生する可能性があります）

ドットはCSSスタイルのルールを示しており、要素に複数のクラス、この場合はクラスc1、c2、c3があることを示しています。

.c1.c2.c3
{
    //Styles an element that has classes c1, c2 and c3
} 

.c1.c2
{
    //Styles an element that has classes c1 and c2
}

一方、間隔を空けると、スコープが洗練されます。

.c1 .c2 .c3
{
    //Styles an element that has class c3 within an element c2, 
    //within an element c1.
}

両方の場合の例

Answer 2

<div class = "c1.c2.c3">正確にどのように見えるかを意味します。このdiv要素のクラス名はですc1.c2.c3。そのためのCSSセレクターは次のようになります。

.c1\.c2\.c3 {
    // styles here
}

これは、のCSSセレクターとは大きく異なります。これは<div class="c1 c2 c3">次のようになります。

.c1.c2.c3 {
    // styles here
}