CSS ——选择子元素而不是孙元素

用一段简化代码做例子：

<div id="content">
    <p>text</p>

        <div id="LLL">

            <div id="L1">
                <p>text</p>
            </div>

            <div id="L2">
                <p>text</p>
            </div>

        </div>

    <p>text</p>
</div>

当我为 CSS 文件中的  #content p  元素设置一些值时，更改也会应用于 #L1 p  和 #L2 p

我想做的是仅选择 #content  div 的子 p 元素，而不选择孙子 p 元素。

我想这样做的一种方法是为第一个 child 添加一个类，然后通过它应用属性。

     

🔺 但我们可以通过使用 子元素选择器 ：CSS （大于号） > (Child selectors) 

 总结：

        如果您不希望选择任意的后代元素，而是希望缩小范围，只选择某个元素的子元素，请使用子元素选择器（Child selector）