CSS3の基本 - レベルアップCSS

構造疑似クラス :root疑似クラス編

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

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
ルート要素に対してスタイルを付加するときは、構造疑似クラスの:root疑似クラスを使用します。ここでは、:root疑似クラスの使い方について紹介します。
講師:
01:44

字幕

ルート要素に対してスタイルを適用するときは構造疑似クラスの root 疑似クラスを使います。ここでは root 疑似クラスの使い方について紹介します。ルート要素とはその文書の一番ルート、親にあたる要素のことです。HTML ではルート要素は html タグにあたります。ここではこの html タグ、ルート要素に対してroot 疑似クラスを使って背景色を設定してみましょう。CSS を書いていきます。root 疑似クラスを記述するには記号の : の後に決められたキーワードである root と入力します。これでセレクタは完成です。ここではこのルート要素に対して背景色を深緑に設定しましょう。ウェブブラウザを見ると背景色が設定されました。ここでは例として背景色を挙げましたが HTMLに背景色を指定するときはhtml 要素ではなく body 要素に対して背景色を指定することが推奨されています。そのためルート要素を使うときは背景色の使用は避けるようにしましょう。このレッスンではルート要素に対してスタイルを適用するときに使う構造疑似クラスに含まれる root 疑似クラスの使い方について学びました。

CSS3の基本 - レベルアップCSS

CSS3はこれまでのCSSとの互換性を保ちつつ、より豊かな表現力を備えたCSSの新しいバージョンです。このコースでは、CSS3の膨大な仕様の中から比較的幅広い環境で動作する機能を中心に解説していきます。また異なるWebブラウザによる表示のされ方の違いに対しても、プログレッシブ・エンハンスメントに代表されるようないくつかのアプローチを取り上げ、紹介します。

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

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

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

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