我读到了 CSS 中的后代选择器，但无法让它工作：
<!DOCTYPE html>
<html>
<head>
<style>
.c1 div { background-color:red;}
h1 {color: #00b339}
</style>
</head>
<body>
<h1>Demo of the descendant selector</h1>
<p class="c1">Outer paragraph <div class="c2">Inside nested element</div></p>
</body>
</html>
在样式选择器中，类
.c1divdivdivInside nested element无论我是通过类还是 html 类型定义构造该后代。
我做错了什么？ （我正在win11上使用当前的chrome浏览器测试本地文件）
https://www.w3.org/TR/html401/struct/text.html
P元素代表一个段落。它不能包含块级 元素（包括 P 本身）。
当您在 DevTools 中检查该元素时，您会注意到浏览器在打开
pdivdivpdivp<p class="c1">Outer paragraph</p>
<div class="c2">Inside nested element</div>
<p></p>
您无法避免这条规则，也不应该这样做，因为段落的目的是表示文本段落。