如何正确组合嵌套CSS选择器的5个AND条件（特定层级场景）

根据你列出的5个条件，我们可以组合出完全符合要求的CSS选择器，用来提取<b>19</b>这类目标元素：

.numbers > .numbers_wrapper > .container.cleared > *:is(.main *, .elem *)

逐条件对应解释 #

我们把每个要求拆解对应到选择器的各个部分，确保逻辑完全匹配：

• 条件5：.numbers > .numbers_wrapper → 保证.numbers_wrapper是.numbers的直接子元素
• 条件4：> .container.cleared → 保证.container.cleared是.numbers_wrapper的直接子元素
• 条件3：> * → 匹配.container.cleared的所有直接子元素（也就是目标元素所在的层级）
• 条件1+2：:is(.main *, .elem *) → 筛选出同时是.main和.elem后代的元素（:is()语法覆盖了两种嵌套顺序：.main在外.elem在内，或者.elem在外.main在内，确保所有符合“双后代”要求的元素都被命中）

如果你的目标元素明确是<b>标签，可以把选择器写得更精准：

.numbers > .numbers_wrapper > .container.cleared > b:is(.main *, .elem *)

特殊场景简化 #

如果你的HTML结构里，.main和.elem是目标元素的直接父级（或目标元素自身同时拥有这两个类），可以进一步简化为：

.numbers > .numbers_wrapper > .container.cleared > b.main.elem

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