HTML+CSS를 쉽게 시작하는 것의 중요성

웹페이지 코드를 만들 때 특정 스타일에 대해 가장 높은 가중치를 설정해야 하는 특별한 상황이 있습니다. 이때 !important를 사용하여 문제를 해결할 수 있습니다.

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>!important</title>
<style type="text/css">
	p{
		color:red!important;
	}
	p.first{
		color:green;
	}
</style>
</head>
<body>
    <h1>勇气</h1>
    <p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩，上课从来不敢回答老师提出的问题，
    生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>
    <p id="second">到了三年级下学期时，我们班上了一节公开课，老师提出了一个很
    <span class="first">简单</span>
    的问题，班里很多同学都举手了，甚至成绩比我差很多的，
    也举手了，还说着："我来，我来。"我环顾了四周，就我没有举手。
    </p>
    
</body>
</html>

이때, p 문단의 텍스트는 빨간색으로 표시됩니다.

참고: !important는 세미콜론 앞에 써야 합니다.

여기서 참고하세요. 웹 페이지 작성자가 CSS 스타일을 설정하지 않으면 브라우저는 자체 CSS 스타일에 따라 웹 페이지를 표시합니다. 스타일 세트. 또한 사용자는 브라우저에서 자신만의 사용자 정의 스타일을 설정할 수도 있습니다. 예를 들어 일부 사용자는 웹 페이지의 텍스트를 더 명확하게 볼 수 있도록 글꼴 크기를 더 큰 크기로 설정하는 데 익숙합니다. 이때 스타일 우선순위는 브라우저 기본 스타일 < 웹페이지 작성자 스타일 < 사용자가 설정한 스타일입니다. 단, !important 우선순위 스타일은 예외로 설정한 스타일보다 가중치가 높다는 점을 기억하세요. 사용자.

지속적인 학습

새로운 파일

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>!important</title> <style type="text/css"> p{ color:red!important; } p.first{ color:green; } </style> </head> <body> <h1>勇气</h1> <p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p> <p id="second">到了三年级下学期时，我们班上了一节公开课，老师提出了一个很 <span class="first">简单</span> 的问题，班里很多同学都举手了，甚至成绩比我差很多的，也举手了，还说着："我来，我来。"我环顾了四周，就我没有举手。 </p> </body> </html>

제출하다 코드 재설정

자동운전