html中祖先元素元素关系

最新推荐文章于 2021-08-09 08:40:00 发布

你好牛蛙

最新推荐文章于 2021-08-09 08:40:00 发布

阅读量2k

点赞数 1

分类专栏： html+css笔记文章标签： html

本文链接：https://blog.csdn.net/qq_45821251/article/details/108775366

版权

html+css笔记专栏收录该内容

33 篇文章 2 订阅

订阅专栏

父元素：直接包含子元素的
子元素：直接被父元素包含的
祖先元素：直接或间接包含后代的，父元素也是
后代元素：直接或间接被祖先元素包含的，子元素也是
兄弟元素：拥有相同父元素的互相叫兄弟元素

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>父子元素</title>
		<style type="text/css">
			#d1 span{/*选择id为d1中的span*/
			color: aquamarine;
		}
		#d1 p span{/*选择id为d1的div中的p中的span*/
			color: red;
		}
		div > span{/*选择div中的子元素*/
			font-size: 50px;
		}
		</style>
	</head>
	<body>
		<div id="d1"> 
              <!--
              	父元素：直接包含子元素的
              	子元素：直接被父元素包含的
              	祖先元素：直接或间接包含后代的，父元素也是
              	后代元素：直接或间接被祖先元素包含的，子元素也是
              	兄弟元素：拥有相同父元素的叫
              -->
			<span>
				劳资是跌
			</span>
			<p><span>
				小子是笋
			</span></p>
		</div>
	</body>
</html>

你好牛蛙

关注

1
点赞
踩
7

收藏

觉得还不错? 一键收藏
1
评论
html中祖先元素元素关系

父元素：直接包含子元素的子元素：直接被父元素包含的祖先元素：直接或间接包含后代的，父元素也是后代元素：直接或间接被祖先元素包含的，子元素也是兄弟元素：拥有相同父元素的互相叫兄弟元素<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>父子元素</title> <style type="text/css"> #d1 sp
复制链接

扫一扫