<!DOCTYspanE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8" />
<meta name="viewspanort" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
/* 后代选择器 */
div div {
/* 对div下所有层的div都有效果 */
/* 与div>div{}冲突,在后边会覆盖div>div{}的所有效果 */
background-color: red;
}
/* 子元素选择器 */
div > div {
/* 只对div下一层的div有效果 */
/* 与div div{}冲突,在后边会覆盖部分div div{}的效果 */
background-color: green;
/* width: 100spanx; */
}
</style>
</head>
<body>
<div>
<div>div div</div>
<div><span>div div span </span></div>
<div><span><div>div div span div</div></span></div>
<div><span></span><div><div>div div span div div</div></div></span></div>
</div>
</body>
</html>
运行结果: