CSS クラス名とIDとHTMLタグを使った指定方法

クラス名 id タグそれぞれを指定する方法

index.html

<p class="container" id="box">ボックス1</p>

このようにあった場合はCSSで指定する方法は以下の通りです

style.css

p{
    font-size: 20px;
    font-family: sans-serif;

}

#box{
    background-color: aqua;
    width: auto;
    height: auto;
    border-width: 2px;
    border-color:black ;
}

.container{
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

タグ　クラス idをセットで指定する方法

以下のように続けて記入します

style.css

p#box.container {
    font-size: 20px;
    font-family: sans-serif;
    background-color: aqua;
    width: auto;
    height: auto;
    border-width: 2px;
    border-color: black;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

参考書籍
"1冊ですべて身につくHTML&CSSとWebデザイン入門講座"