用于给定元素后代的CSS选择器

考虑到下面的html，我在下面只包含了三个div，但是让我们想象一下还有更多的div

<div id="1">
    <p>hi</p><p>Peter</p>
</div>
<div id="2">
    <p> hola</p><p>Peter</p>
</div>
<div id="3">
    <p>kaixo</p><p>Peter</p>
</div>

我希望有一个选择器，可以为给定的对象选择所有

CSS3允许您设计这样的选择器吗

谢谢

要选择给定范围内的所有s，可以使用

#x p {
    // styling
}

---

x选择id=x的元素，x p选择x的后代的所有p，考虑到所有id都应该是唯一的，为想要挑出的元素分配一个类不是更好吗？然后，理论上选择所有ID不是一个，而是得到所需的元素

<div id="1" class="blue">
    <p>hi</p><p>Peter</p>
</div>
<div id="2" class="blue">
    <p> hola</p><p>Peter</p>
</div>
<div id="3" class="green">
    <p>kaixo</p><p>Peter</p>
</div>

.blue p {
    //styling
}

---

是的，我想；然而，我在网上找不到任何例子；它在语义和操作上是否正确？是的，您可以阅读有关id选择器和其他选择器的更多信息。值得注意的是，您可能不想以数字开头您的id名称。你们可以在答案中读到为什么。建议你们读一本真正的CSS基础教程。你可以做得比从一开始更糟我做了。。。以及其他一些地方,；我找不到像我这样的例子。感谢您的关注。这是我的全局问题：我想动态地将html字符串和CSS文件加载到一个容器中，并将这些样式从CSS文件应用到该容器的元素。