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

否定疑似クラス

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

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
指定した条件に対して一致しない要素にスタイルを付加するには、否定疑似クラスを使用します。ここでは、否定疑似クラスの使い方について紹介します。
講師:
01:59

字幕

指定した条件に対して一致しない要素にスタイルを適用するには否定疑似クラスを使います。このレッスンでは否定疑似クラスの使い方について紹介します。画面の左側には HTML と CSS の編集画面、右側にはその結果を表示するウェブブラウザを表示しています。ここではウェブページのメイン部分にあたるメイン要素に対してCSS で font-style プロパティを使いイタリック体に指定しています。そのためウェブブラウザを見るとヘッダーやフッター以外の部分でイタリック体に指定されていることが分かります。この中で h2 要素、見出しの部分だけはイタリック体を解除したいと思ったときにこのメイン要素の後で h2 要素に対してフォントスタイルを指定して上書きしてもよいのですがここでは否定疑似クラスを使ってメイン要素の中から h2 要素をそのスタイルの適用から排除してみましょう。メイン要素に続きスペースを入力し記号の :not を入力します。そして括弧の中に条件を排除したいh2 要素を入力するとメイン要素には弾き続きフォントスタイルにイタリック体が指定されていますがh2 要素の部分はイタリック体ではなく通常のフォントスタイルが適用されていることが分かります。 このレッスンでは指定した条件に対して一致しない要素に対してスタイルを適用する為に使う否定疑似クラスの使い方について学びました。

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

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

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

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

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

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