CSSとは？

「CSS」はウェブページの見た目やレイアウトを設定するための言語の一つです。正式には「Cascading Style Sheets（カスケーディング・スタイル・シート）」と呼びます。

WEBページは主に「HTML」で作られますが、HTMLはページの内容や構造を表現するものです。そこで、HTMLで作られたWEBページの見た目を美しく、見やすくするために、CSSが使われます。

CSSは色や大きさ、配置など、ウェブページのデザインに関する細かな指定が可能です。

CSSはHTMLと一緒に記述することもありますが、基本的にはHTMLとCSSを別々のファイルに書いて、それぞれの役割をはっきりさせることが一般的です。この場合、HTMLファイルからCSSファイルを参照するように設定します。

CSSのカスケーディングルール

CSSは「カスケーディング（つまり、段階的な）」という特性があります。これは、同じHTMLの要素に対して複数のスタイルが適用される場合、どのスタイルが優先されるかを決めるルールがあるということです。具体的には、詳細度（特定性）やソースの種類（スタイルが記述されている場所）、そして記述の順番によって優先順位が決まります。

特定の要素を指すセレクタの優先度が高い

IDセレクタ（#id）はクラスセレクタ（.class）や要素セレクタ（element）よりも具体的なため、優先されます。

どこに記述されているかで優先度が変わる

HTMLのstyle属性に記述されたインラインスタイル→外部CSSファイルに記述されたスタイルの順に優先順位が高くなります。

後に記述されているものの優先度が高い

後に読み込まれたファイル、後に記述されたルールが前に記述されたルールを上書きします。

important規則

スタイル宣言の最後に !important を付けると、他のどのルールよりも優先されます。ただし、これは他のカスケーディングルールを無視するため、必要な場合にのみ慎重に使用しましょう。