如何选择非直接子元素？

选择非直接子元素可以使用CSS中的伪类选择器来实现。常用的伪类选择器有以下几种：

1. :not(selector)：选择除了指定选择器之外的所有元素。 示例：选择除了class为"child"的所有子元素
2. :not(selector)：选择除了指定选择器之外的所有元素。 示例：选择除了class为"child"的所有子元素
3. 推荐的腾讯云相关产品：腾讯云CSS CDN（内容分发网络），详情请参考腾讯云CSS CDN。
4. :first-child：选择作为其父元素的第一个子元素的元素。 示例：选择作为其父元素的第一个子元素的所有子元素
5. :first-child：选择作为其父元素的第一个子元素的元素。 示例：选择作为其父元素的第一个子元素的所有子元素
6. 推荐的腾讯云相关产品：腾讯云云服务器（CVM），详情请参考腾讯云云服务器。
7. :last-child：选择作为其父元素的最后一个子元素的元素。 示例：选择作为其父元素的最后一个子元素的所有子元素
8. :last-child：选择作为其父元素的最后一个子元素的元素。 示例：选择作为其父元素的最后一个子元素的所有子元素
9. 推荐的腾讯云相关产品：腾讯云云数据库MySQL版，详情请参考腾讯云云数据库MySQL版。
10. :nth-child(n)：选择作为其父元素的第n个子元素的元素。 示例：选择作为其父元素的第3个子元素的所有子元素
11. :nth-child(n)：选择作为其父元素的第n个子元素的元素。 示例：选择作为其父元素的第3个子元素的所有子元素
12. 推荐的腾讯云相关产品：腾讯云云函数（SCF），详情请参考腾讯云云函数。
13. :nth-last-child(n)：选择作为其父元素的倒数第n个子元素的元素。 示例：选择作为其父元素的倒数第2个子元素的所有子元素
14. :nth-last-child(n)：选择作为其父元素的倒数第n个子元素的元素。 示例：选择作为其父元素的倒数第2个子元素的所有子元素
15. 推荐的腾讯云相关产品：腾讯云云原生容器服务（TKE），详情请参考腾讯云云原生容器服务。

通过使用这些伪类选择器，可以方便地选择非直接子元素，并对其应用相应的CSS样式。