The importance of getting started easily with HTML+CSS
When we are making web page code, there are some special situations where we need to set the highest weight for certain styles. What should we do? At this time we can use !important to solve it.
<!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>的小女孩，上課從來不敢回答老師提出的問題，
生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學(xué)校舉辦的活動我也沒勇氣參加。</p>
<p id="second">到了三年級下學(xué)期時，我們班上了一節(jié)公開課，老師提出了一個很
<span class="first">簡單</span>
的問題，班里很多同學(xué)都舉手了，甚至成績比我差很多的，
也舉手了，還說著："我來，我來。"我環(huán)顧了四周，就我沒有舉手。
</p>
</body>
</html>At this time, the text in the p paragraph will be displayed in red.
Note: !important should be written in front of the semicolon
Note here that when the web page creator does not set the css style, the browser will display the web page according to its own set of styles. And users can also set their own custom styles in the browser. For example, some users are used to setting the font size to a larger size so that they can view the text of the web page more clearly. At this time, please note that the style priority is: browser default style < web page creator style < style set by the user, but remember that the !important priority style is an exception and has a higher weight than the style set by the user.
