子元素和后代元素

最新推荐文章于 2022-01-23 21:37:59 发布

qq_39941521

最新推荐文章于 2022-01-23 21:37:59 发布

阅读量1.1k

点赞数

本文链接：https://blog.csdn.net/qq_39941521/article/details/77624766

版权

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>子元素和后代元素</title>
<style tpye="text/css">
/*
* 为div中的span设置一个颜色为绿色
* 后代元素选则器
* -作用:
* 选中指定元素的指定后代元素
* -语法:
* 祖先元素后代元素{}
*/
div span{
color:green;
}

/*
* 选中id为d1的div中的p元素中的span元素
*/
#p1 p span{
font-size:40px;
}

/*
* 为div的子元素span设置背景颜色为黄色
* 子元素选择器:
* -作用:
* 选中指定父元素中的子元素
* -语法:
* ` 父元素>子元素{}
*/
div > span{
background-color:yellowgreen;
}

</style>
</head>
<body>


<div id="p1">
<span>我是div中的span</span>
<p><span>我是p标签中的span</span></p>
</div>

<span>我是body中的span元素</span>

</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

qq_39941521

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
子元素和后代元素

子元素和后代元素/** 为div中的span设置一个颜色为绿色* 后代元素选则器* -作用:* 选中指定元素的指定后代元素* -语法:* 祖先元素后代元素{}*/div span{color:green;}/** 选中id为d1的div中的p元素中的span元素*/#p1 p span{font-size:40px;}
复制链接

扫一扫