很多人都会认为内部样式优先级比外部样式高,其实是不对的,内部样式和外部样式是具有相同的优先级的,就看谁出现的位置靠后,谁优先,即最后渲染有效。
如下面的代码,文字肯定要显示成黄色,而不是绿色。因为1.css文件在style样式定义后面引入的。
如果将1.css引入语句放到style标签前边,则会显示成内部样式定义的绿色。
--- 1.css
p{
font-size: 20px;
color:yellow;
background: black;
}
--- 1.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
p{
color:green;
background:black;
}
</style>
<link rel="stylesheet" href="1.css">
</head>
<body>
<p>test text!</p>
</body>
</html>
标签:style,优先级,样式,---,外部,black,color From: https://blog.51cto.com/u_14365218/6023666