JavaWeb_CSS（5）_样式优先级

最新推荐文章于 2024-08-11 23:43:12 发布

魏宇轩

最新推荐文章于 2024-08-11 23:43:12 发布

阅读量578

点赞数 1

分类专栏： CSS（更新完）文章标签： JavaWeb CSS 样式优先级

本文链接：https://blog.csdn.net/qq_36260974/article/details/88387206

版权

CSS（更新完）专栏收录该内容

21 篇文章 3 订阅

订阅专栏

本系列博客汇总在这里：JavaWeb_CSS 汇总

样式优先级

由上到下，由外到内。优先级由低到高。

示例

CSS 文件1

p
{
	text-align: center;
	color: red;	
}

CSS 文件2

p
{
	text-align: center;
	color: green;	
}

/*div 表示 p 标签往内一层*/
div p
{
	text-align: center;
	color: red;	
}

HTML 文件

<html>
	<head>
		<meta charset="UTF-8">
		<title>www.weiyuxuan.com</title>
		
		<!-- 引入两个一样的样式,使用后引入的样式 -->
		<link href="NewFile.css" type="text/css" rel="stylesheet">
		<link href="NewFile1.css" type="text/css" rel="stylesheet">
		
	</head>
	
	<body>
		<p> 你好        </p>	
		<p> 魏宇轩     </p>	
		<p> 学习 CSS </p>	
		
		<!-- 嵌套 -->
		<div><p>优先级由外到内增高</p></div>
	</body>
	
</html>