CSSの3つの基本セレクター以外に見かける4つの書き方を覚える

学べること
  • 様々なセレクターの指定方法があることを知る
  • 全称セレクターとは
  • 子孫結合子とは
  • 隣接兄弟結合子とは
  • 属性セレクターとは

3つの基本セレクターに関しては以下の学習コンテンツを参照していただけたらと思います。

あわせて読みたい
CSSの基本セレクター3つを理解するCSSでスタイルを定義する際に使用するセレクター。指定できるセレクターの種類はいろいろありますが、その中でも基本となる3つのセレクターを解説します。CSSセレクターの基本形を学習していきましょう。...

動画解説

 

スライド解説

 

上記スライドの解説は以下の記事で行っております。解説記事と合わせて学習することでより深く理解できるでしょう。

あわせて読みたい
CSSセレクターの書き方【3つの基本形の次に覚えたい4つの型】前回CSSセレクターの書き方の3つの基本形の解説をしました。今回はその続きの記事で、3つの基本形以外でよく見かけるCSSセレクターの書き方4つの型を解説します。この4つの型を覚えることでCSSのスタイル定義の幅が広がります。...

上記スライド内容で疑問点・質問などがあればお気軽にご連絡頂けたらと思います。

お問い合わせ・TwitterのDMのどちらでも受けて受けています。TwitterのDMのほうが早く気づけるので早めに返信できるかと思います。

あわせて読みたい
【絶賛受付中】プログラミング・Webの相談お気軽にどうぞ!
【絶賛受付中】プログラミング・Webの相談お気軽にどうぞ!プログラミングやWebで困っていることに対して何でも質問受け付けています。「こんなこと質問しても大丈夫かな」と思っている方のために過去にどんな質問があったのか一例で挙げているので参考にしていただけたらと思います。...
【3つの特典付き】Webエンジニアに必要な基礎スキルを体系的に効率良く身につけたいですか?

LINE登録で無料特典を受け取る

次のような方向けに、学習をサポートするコンテンツを無料プレゼントしています。

  • Webエンジニアになりたいけど何から学習を始めれば良いかわからない
  • 今まで独学で頑張ってきたけど、独学に限界を感じてきた
  • プログラミングは出来るけど、大きめのコードが書けない

「プレゼント詳細が知りたい」「プレゼントを受け取りたい」といった方は、以下のボタンをクリックして詳細ページをご確認ください。

無料特典を受け取る