スタート!CSS入門

セレクタのグループ化

全333コースを10日間無料で

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
複数のセレクタに一括でスタイルを適用するときは、セレクタのグループ化を使用します。ここでは、グループ化の書式を紹介します。
講師:
02:26

字幕

このレッスンでは複数のセレクタに一括でスタイルを適用するときに便利なセレクタのグループ化について紹介します。セレクタのグループ化は一つのスタイルを複数のセレクタに適用したいときに使います。実際に CSS を書いてみましょう。編集画面とウェブブラウザウを並べて表示します。ここではコードを編集する IDE の機能を使って編集内容をリアルタイムにウェブブラウザでプレビューできるように設定しています。ウェブブラウザの上部にはそのための注意文が表示されていますが無視してください。通常はコードを書き換えてからウェブブラウザで再読み込みをすると編集内容が反映されます。セレクタのグループ化はセレクタを間膜切れで書きます。これだけでセレクタをまとめて指定できます。h1 要素と p 要素に対して文字色をシンクに設定してみましょう。まず、 h1 要素を記述しカンマで区切ります。さらに p 要素を記述します。これでセレクタのグループ化は完了しています。このセレクタに対して文字色をシンクに設定します。文字色の設定には color プロパティを使います。ウェブブラウザを確認するとh1 要素と p 要素が文字色がシンクになっていることを確認できます。 なお、最後のセレクタの後ろにはカンマは入れません。また、セレクタをグループ化して書くときには見やすさの観点からカンマのあとで改行することをお勧めします。グループ化したあとはいくつでもグループ化することができ例えば p の後に h2さらに tdなどとどんどんセレクタをグループ化していくこともできます。このレッスンでは複数のセレクタに一括でスタイルを適用するときに便利なセレクタのグループ化について学びました。

スタート!CSS入門

CSSはWebページに視覚的な表現、つまりスタイルを与えるための言語です。HTMLと組み合わせることで、より自由なデザインをウェブ上で実現できます。このコースでは初めてCSSに触れる方でも体系的な理解が得られるように、Web標準としての仕様の成り立ちからさまざまな文法、ボックスモデルなどの基本概念まで幅広い内容を解説します。

5時間21分 (71 ビデオ)
現在、カスタマーレビューはありません…
 
ソフトウェア・トピック
価格: 3,990
発売日:2014年11月25日

このコースは、「オンデマンド」でご利用可能であり、ダウンロードすることもオンラインで見ることもできます。

ダウンロードすると、オフラインでコースを使用し、豊富なインターフェースをフルに活用できます。複数のデバイスを使用したり、 一度に全コースをダウンロードしたくない場合は、アカントにログインして、ストリーミング・ビデオとしてコースのレッスンを視聴してください。

ビデオトレーニングをお楽しみいただけますように! お問い合わせは、cs-jp@lynda.com宛までご連絡ください。