HTML+CSS カスケードを簡単に始めることができます
HTML ファイル內(nèi)の同じ要素に複數(shù)の CSS スタイルがあり、それらの複數(shù)の CSS スタイルが同じウェイト値を持つ場合はどうなりますか?このセクションのカスケードは、この問題の解決に役立ちます。
カスケードとは、HTML ファイル內(nèi)の同じ要素に複數(shù)の CSS スタイルが存在する可能性があり、同じ重みを持つスタイルが存在する場合、これらの CSS スタイルの順序に基づいて決定され、最後の CSS スタイルが適用されることを意味します。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>層疊</title>
<style type="text/css">
h1{
color:green;
}
h1{
color:red;
}
</style>
</head>
<body>
<h1>php 中文網(wǎng)</h1>
</body>
</html>最後の h1 のテキストは赤色に設(shè)定されます。このカスケードは、後のスタイルが前のスタイルを上書きすることがわかりますしたがって、前の CSS スタイルの優(yōu)先順位を理解するのは難しくありません。 インライン スタイル シート (タグ內(nèi)) > 埋め込みスタイル シート (現(xiàn)在のファイル內(nèi)) > 外部スタイル シート (外部ファイル內(nèi))。
