HTML+CSS カスケードを簡単に始めることができます

HTML ファイル内の同じ要素に複数の CSS スタイルがあり、それらの複数の CSS スタイルが同じウェイト値を持つ場合はどうなりますか?このセクションのカスケードは、この問題の解決に役立ちます。

カスケードとは、HTML ファイル内の同じ要素に複数の 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 中文网</h1>
</body>
</html>

最後の h1 のテキストは赤色に設定されます。このカスケードは、後のスタイルが前のスタイルを上書きすることがわかります

したがって、前の 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 中文网</h1> </body> </html>

提出するリセットコード

自動運転