HTML+CSS 캐스케이딩을 시작하기 쉽습니다.

html 파일의 동일한 요소에 대해 여러 CSS 스타일이 있을 수 있고 이러한 여러 CSS 스타일이 동일한 가중치 값을 갖는 경우 어떻게 되나요? 이 섹션의 계단식 연결은 이 문제를 해결하는 데 도움이 됩니다.

캐스케이딩은 html 파일의 동일한 요소에 대해 여러 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>

제출하다 코드 재설정

자동운전

전체 화면