计算权重的方法_ahp权重计算方法

计算权重的方法_ahp权重计算方法三.层叠和继承+继承父元素拥有了某个css属性,子元素不需要任何条件的情况下都会拥有父元素的属性。并不是所有的css属性都能继承,可以被继承的css属性有以下:colortextlin

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

三. 层叠和继承

  • 继承

父元素拥有了某个css属性,子元素不需要任何条件的情况下都会拥有父元素的属性。

并不是所有的css属性都能继承,可以被继承的css属性有以下:

color  text-  line-  font-   -->都是跟文字属性相关。  
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		.d1 {
			color: red;
		}
		.d1 span {
			font-size: 100px;
		}
	</style>
</head>
<body>
	
	<div class="d1">
		<!-- span继承了div.d1的color属性 -->
		<span>Hello,span</span>
	</div>
</body>
</html>

其它的关于盒子、定位、布局的属性不能被继承。

  • 层叠

是css处理冲突的一种解决方案。需要通过计算权重 来解决层叠的问题。

计算权重的第一步

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
	/*计算权重第一步比较id class html 选择器的数量*/
		#d1 .d2 p {
			color: red;
		}
		/*1 1 1*/
		div div #d3 p {
			color: green;
		}
		/*1 0 3*/
		div.d1 div.d2 div.d3 p {
			color: blue;
		}
		/*0 */
	</style>
</head>
<body>
	<div class="d1" id="d1">
		<div class="d2" id="d2">
			<div class="d3" id="d3">
				<p>div-div-div-p</p>
			</div>
		</div>
	</div>
</body>
</html>

结果:

计算权重1

计算权重的第二步

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		/*计算权重第二步,如果权重一样,那么后出现的会覆盖掉先出现的*/
		#d1 #d2 p {
			color: red;
		}
		#d2 #d3 p {
			color: blue;
		}
	</style>
</head>
<body>
	<div class="d1" id="d1">
		<div class="d2" id="d2">
			<div class="d3" id="d3">
				<p>div-div-div-p</p>
			</div>
		</div>
	</div>
</body>
</html>

结果:

计算权重2

计算权重第三步

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		/*比较权重第三步:看选择器是否直接选中目标元素,如果没有选中目标元素,那么他们的权重为0*/
		#d1 #d2 #d3 {
			color: red;
		}
		div.d1 div.d2 div.d3 {
			color: blue;
		}
		p {
			color: green;
		}
	</style>
</head>
<body>
	<div class="d1" id="d1">
		<div class="d2" id="d2">
			<div class="d3" id="d3">
				<p>div-div-div-p</p>
			</div>
		</div>
	</div>
</body>
</html>

结果:

计算权重3

计算权重第四步

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		/*计算权重第四步:如果都没有选中,那么谁离目标元素近就听谁的*/
		#d2 #d3 {
			color: red;
		}
		#d1 #d2 {
			color: blue;
		}
	</style>
</head>
<body>
	<div class="d1" id="d1">
		<div class="d2" id="d2">
			<div class="d3" id="d3">
				<p>div-div-div-p</p>
			</div>
		</div>
	</div>
</body>
</html>

结果:

计算权重4

总结

  • 先看有没有选中目标元素,如果选中,比较权重,谁的权重大听谁的。如果权重一样,谁写在后面听谁的。
  • 如果没有选中目标元素,那么权重为0,如果所有的权重都为0,就近原则,谁离目标元素近听谁的。

权重总结

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/168008.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

  • 网易视频 java_合并网易视频中英文字幕文件,解决Java输入输出的中文乱码问题…「建议收藏」

    网易视频 java_合并网易视频中英文字幕文件,解决Java输入输出的中文乱码问题…「建议收藏」packagehebingsrt;importjava.io.BufferedReader;importjava.io.BufferedWriter;importjava.io.File;importjava.io.FileInputStream;importjava.io.FileOutputStream;importjava.io.FileReader;importjava.i…

  • Oracle触发器trigger详解

    Oracle触发器trigger详解触发器相关概念及语法概述本篇博文中主要探讨以下内容:什么是触发器触发器的应用场景触发器的语法触发器的类型案例数据:触发器的概念和第一个触发器数据库触发器是一个与表相关联的,存储的PL/SQL语句。每当一个特定的数据操作语句(insertupdatedelete)在指定的表上发出时,Oracle自动执行触发器中定义的语句序列。举个简单的例子:当员…

  • GHOSTXPSP3电脑爱好者V9.9美化修正版

    GHOSTXPSP3电脑爱好者V9.9美化修正版全自动无人值守安装,采用万能GHOST技术,安装系统过程只需5-8分钟,适合新旧各种机型。集成DX9.0c最新版、双核补丁。集成常用VB/VC++2005、2008、2010、2012、2013/运行库、万能驱动助理稳定版安装过程会自动删除各分区下可能存在的AUTORUN病毒TcpIP连接数修改为1000;破解Uxtheme.dll可自由添加美化主题。我的文档收藏夹…

  • 百度分享按钮代码

    百度分享按钮代码百度分享官网已经获取不了了,但是这些按钮功能还在.下面直接把代码放出,有需要的同学可以直接复制第一种:按钮式:<divclass=”bdsharebuttonbox”><ahref=”#”class=”bds_more”data-cmd=”more”></a><ahref=”#”class=”bds_qzone”…

  • tf卡锁定怎么解锁_tf卡写保护解除办法

    tf卡锁定怎么解锁_tf卡写保护解除办法最近这段时间,开始使用TFS2010进行项目的源码管理,在使用过程中,发现了不些问题,由于开发人员的操作失误,经常导致了源码中的文件被锁定,而在开发人员的PC机上又不能把锁定的文件签入到TFS中,刚开始遇到这个问题时,想通过管理员帐号来“取消锁定”,但在“源代码管理器”中,管理员帐号也没有权限操作“取消锁定”。遇到这种文件被锁定的事,是相当的郁闷。郁闷归郁闷,问题还是得要解决,…

  • 跨境电商erp源码java大卖先生_erp 开源

    跨境电商erp源码java大卖先生_erp 开源1订单管理本模块支持多平台订单自动下载同步以及多帐号多店铺订单管理,方便用户对销售进行科学、直观的分类管理。包括订单处理,包装验货,称重出库,智能交运,交运日志,快速拣货,快速发货等子模块。2商品管理(SKU)商品管理模块,提供对亚马逊店逊商品进行线下管理的功能,包括但不限于中文名称、英文名称,售价等相应管理3.采购管理采购管理主要对于商品采购、入库、及供应商的设置,并于商品细分,包括采购管理、入库管理和供应商管理模块。4.物流管理此模块主要提供用户设置速…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号