XHTML/CSS・トップ | CSS基礎知識・目次

●スタイルシートの優先順位

 ユーザーもCSSのスタイルシートをブラウザに組み込むことにより、自分のスタイルで書式を設定することができます。また、Webブラウザ自身もデフォルトのスタイルシートを持っています。では、Webページ作者、Webブラウザ、ユーザーのスタイルシートがかちあった場合の優先順位はどうなるのでしょうか?(競合と言われるものです。)

 実際はなかなか複雑なのですが、一般的にはWebページに組み込まれているスタイルシート、ユーザーが作った(用意した)スタイルシート、ブラウザのデフォルトのスタイルシートの優先順となっています。厳密にはスタイルシートの中に記載されているセレクタによって、優先順位が決まります。要素名だけのセレクタよりはクラスセレクタやIDセレクタで指定したスタイルが優先され、クラスセレクタよりはIDセレクタが優先されます。さらに同じセレクタがかちあった場合は!importantルールを適用したセレクタが優先されます。そして、同じセレクタでもスタイルシートの下のほうに記載したセレクタが優先されます。

XHTML/CSS・目次 | CSS基礎知識・目次

Copyright (C) 2004-2008 http://www.xml.vc/