范围长选择器用于兄弟选择器

Question

我有css选择器：

div#panel section.event p.follower-new + div#panel section.event p.viewer {
}

但是，浏览器不会评估之间的相邻兄弟选择器

div#panel section.event p.follower-new

和

div#panel section.event p.viewer

相反，我认为它正在评估p.follower-new和div#panel。

有没有办法明确地选择选择器，以便相邻兄弟选择器按预期工作？

注意： p.follower-new + p.viewer按预期工作，但我希望能够使用div#panel section.event限制范围。

我尝试过引入子选择器，但这不起作用。

div#panel > section.event > p.follower-new + div#panel > section.event > p.viewer {
}

这对我没有意义，因为我希望>的操作顺序高于+。

Answer 1

当我问这个问题时，我得到了答案。解决方案是包括范围

div#panel section.event

仅在相邻兄弟选择器的左侧。即。

div#panel section.event p.follower-new + p.viewer {
}

因为只有第一个术语需要定义完整的范围。第二个术语已经被假定，因为它是一个兄弟，在这个范围内。