为何无法通过p父元素选中h6标签？咨询支持该结构的标签列表

这不是CSS的问题，是HTML语法规则的限制：

• p标签属于短语内容容器，只能包含文本、span、a这类行内元素，不能嵌套h6、div这类块级元素。
• 浏览器解析时，遇到p内部的h6会自动闭合p标签，最终DOM结构实际是<p> sample text</p><h6>this is h6</h6>，导致p h6选择器完全匹配不到目标元素。

支持嵌套块级元素的标签列表 #

以下标签属于流内容容器，允许嵌套h6等块级元素：

• div：通用无语义块级容器
• section：文档章节区块
• article：独立可复用内容块
• aside：侧边栏/附属信息区
• header：页面或区块的头部
• footer：页面或区块的尾部
• nav：导航链接区域
• main：页面核心内容区
• figure：媒体内容容器（搭配figcaption使用）

内容的提问来源于stack exchange，提问作者k88778