<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CssBase</title>
<link rel="stylesheet" href="lesson.css" type="text/css">
<style>
/*结构选择器从前往后，伪类选择器从后往前*/
/*article元素的后代中只有一个span元素*/
/*article span:only-child {*/
/* color: red;*/
/*}*/
/*article元素的后代中只有一个span类型元素*/
/*article span:only-of-type {*/
/* color: red;*/
/*}*/
/*article元素的后代中第2个是span元素*/
/*article span:nth-child(2) {*/
/* color: red;*/
/*}*/
</style>
</head>
<body>
<!--article元素的后代中只有一个span元素-->
<!--<article>-->
<!-- <span>houdunren.com</span>-->
<!-- <aside>-->
<!-- <span>houdunwang.com</span>-->
<!-- </aside>-->
<!-- <strong>hdcms.com</strong>-->
<!--</article>-->
<!--article元素的后代中只有一个span类型元素-->
<!--<article>-->
<!-- <span>houdunren.com</span>-->
<!-- <aside>-->
<!-- <span>houdunwang.com</span>-->
<!-- </aside>-->
<!-- <strong>hdcms.com</strong>-->
<!--</article>-->
<!--article元素的后代中第2个是span元素-->
<!--<article>-->
<!-- <span>houdunren.com</span>-->
<!-- <aside>-->
<!-- <span>houdunwang.com</span>-->
<!-- <span>hdcms.com</span>-->
<!-- </aside>-->
<!-- <span>hdphp.com</span>-->
<!--</article>-->
</body>
</html>
.JPG)
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 无需6万激活码！GitHub神秘组织3小时极速复刻Manus，手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· 葡萄城 AI 搜索升级：DeepSeek 加持，客户体验更智能
· 什么是nginx的强缓存和协商缓存
· 一文读懂知识蒸馏