css - この CSS パス名は何を意味しますか?

Question

私が取り組んでいる 1 つのプロジェクトでこの CSS パス名を見ましたが、CSS をあまり理解していないため、実際の意味がわかりません。CSS は次のようになります。

body input.name_of_class {
    /*some properties here*/
}

とはどういうbody input意味ですか?

score 1 · Accepted Answer

つまり、クラス名を持つ<input>内のすべてのタグが影響を受けます<body>name_of_class

score 1 · Accepted Answer

これらのセレクターを知りたい場合は、google で検索することもできますcheat sheet。

score 0 · Accepted Answer

基本的に、あなたが見ているのは、クラスsomeClassを持ち、それらが本体内にあるいくつかの要素CSSにいくつかのスタイルを適用しようとしています。input

そう

body input
{
/*some style*/
}

inputページ上のすべての要素にこれらのスタイルを適用できます。

したがって、選択を絞り込むには、使用できます

body input.someClass
{
/*some style*/
}

これにより、クラスsomeClassを持つすべての入力要素にスタイルが適用されます。

3 に答える 3