计算权重的方法_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)


相关推荐

  • 基于单片机的空气质量检测系统设计_单片机有难度毕业设计

    基于单片机的空气质量检测系统设计_单片机有难度毕业设计实物链接:基于单片机的空气质量检测-实物设计软件安装:Keil:点击下载 Proteus:点击下载 AD:点击下载 Visio:点击下载设计简介:本设计是基于单片机的空气质量检测设计,主要实现以下功能:可实现通过SGP30测量二氧化碳及甲醛浓度,当超过设置的最大值时,进行报警及通风和净化空气处理 可实现通过MQ-4测量甲烷浓度,当超过设置的最大值时,进行报警及通风和净化空气处理 可实现通过GP2Y10测量5浓度,当超过设置的最大值时,进行报警及通风和净化空气处理 可实现通过

  • 手机版mt4平台下载下载手机版mt4_手机mt4平台下载安卓

    手机版mt4平台下载下载手机版mt4_手机mt4平台下载安卓MetaTrader4(缩写MT4)是由俄罗斯迈达克软件公司(英文名称MetaQuotesSoftwareCorp)发布的一款交易软件,可同时在电脑端和手机端使用。但是,正版手机端mt4一般要从谷歌商店下载,而GooglePlay的下载地址经常打不开。本人使用mtr软件多年,在使用方面有一些经验,现将2020年版手机mt4下载地址分享给各位网友,愿您交易如索罗斯一般行如流水!mt4下载地址:https://t00y.com/file/29212124-458672692提取码:pj265(

  • 坦克大战

    坦克大战

  • java dom4j读取xml_Java DOM4J读取XML[通俗易懂]

    java dom4j读取xml_Java DOM4J读取XML[通俗易懂]DOM4J是dom4j.org出品的一个开源XML解析包。Dom4j是一个易用的、开源的库,用于XML,XPath和XSLT。它应用于Java平台,採用了Java集合框架并全然支持DOM,SAX和JAXP。Hibernate也是用它来读写配置文件的。一、DOM4j的下载dom4j-1.6.1.jar下载:http://sourceforge.net/directory/os:windows/fr…

  • Negative Sampling 负采样详解[通俗易懂]

    Negative Sampling 负采样详解[通俗易懂]在word2vec中,为了简化训练的过程,经常会用到NegativeSampling负采样这个技巧,这个负采样到底是怎么样的呢?之前在我的博文word2vec算法理解和数学推导中对于word2vec有了很详细的数学推导,这里主要讲解一下负采样是如何降低word2vec的复杂度的。首先我们直接写出word2vec的目标函数,假设有一句话:query=w1,w2,w3,..,wnquery=…

  • AngularJS指令「建议收藏」

    AngularJS指令「建议收藏」AngularJS指令AngularJS通过被称为指令的新属性来扩展HTML。AngularJS通过内置的指令来为应用添加功能。AngularJS允许你自定义指令。小栗子:

    在输入框中尝试输入:

    姓名:

发表回复

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

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