CSS複数選択プログラム

css複数の選択者で複数の要素を同時に選択して適用できます.
1.空白がない場合は、クラス同士がくっつく
.class1.class2{} ex)-.name1.name2
クラスプロパティにname 1とname 2を同時に設定した要素を選択します.
2.カンマがある場合
element, element, element { style properties }
cssセレクタリスト(,)一致するすべての要素を選択します.
カンマで区切られたリストを1行に配置できます.

h1, h2, h3, h4, h5, h6 { font-family: helvetica; }

3.スペース連用、子として指定
.a .b .c
スタイルは、aクラス内部のbクラス内部のcクラス要素にのみ適用されます.
特定の要素の前後または内部を選択する方法はA>Bです.
親がA、次の段階のb要素だけを選択します.

pseudo-elements

In CSS, ::before creates a pseudo-element that is the first child of the selected element. It is often used to add cosmetic content to an element with the content property. It is inline by default.
A CSS pseudo-element is a keyword added to a selector that lets you style a specific part of the selected element(s).
(他のpseudoセレクタ.)

cssセレクタnameの使用

input[name="goButton"] {
  background: red;
}
<input name="goButton">