CSSのセレクタについてCSSのセレクタについて模写をしていて、「この部分にスタイルをあてるとき、どんなセレクタを使うんだっけ?」となることがあり、自分用にまとめてます。red;}要素間を「カンマ+スペース」とすることで指定できる。実際に上記のように記述するのは冗長で可読性や変更するときにも手間がかかる。(保守性が低い)そのため、予めページ全体の構成を考えた段階で「同じCSSを適用しそうだな」というところには、予め共通のクラス(上記の例でいうとsamplemの部分)を設定しておき、それをセレクタとして用いることで短く、簡潔なコードで実装できる。クラスは「クラス名+スペースクラス名」とすることで複数一度に指定できる。black;}上記は、インプットタグにある「text」という属性にスタイルをあてている。ここで注意しないといけないのは、inputと[]の間にスペースは必要ないということ。自分の癖なのか、コードと記号に間にスペースを入れてしまうがこれをやるとスタイルは適用されない。実践でもこれに苦戦し、気づくまでに時間がかかりました・・・。ylellow;}こうすることで、「クラス名がchildのもので、子要素のみにスタイルを適用」ということが可能。孫要素やその下の要素にはスタイルは適用されない。{}としても問題ないが入れ子が複雑になるほど思った通りのスタイルにならなくなるので、意識して書くこと。下記、二つのサイトがとても参考になります。https://webliker.info/html-css/https://saruwakakun.com/html-css/basic学習は全てウェブカツ!!というプログラミングスクールで学んでいます。コメントをキャンセルメールアドレスが公開されることはありません。PHP2019年10月18日22300viewわかっているようでわからない、PHPのFETCHを解説!PHP2019年10月4日6262viewPHPのデータベース接続ー呪文に見えるコードの正体を追う【初心者向け】PHP2019年10月11日5418viewちゃんと分かってる?ーPHPでとっても大事な$_POSTを理解しよう!プログラミング2019年9月27日4308viewVSCodeは初心者にこそおすすめ!-拡張機能で勉強効率を3倍にする-プログラミング2019年7月26日3547view30代・未経験・ウェブマーケティング業界への転職は失敗した。最近の投稿Laravel+Vueでゼロからサービスを作りました。takablog.ホームシェアTOPへ。