Next sibling selector "+" not working for children inside a fixed parent.
The next sibling rules are not being applied to elements inside a fixed parent. E.g.
.sidebar {
position: fixed;
}
.sidebar > * > header + p {
text-align: justify;
}
The above rule doesn't apply to the following HTML:
<section class="sidebar">
<section class="about">
<header>
<h2>About</h2>
</header>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis ipsam, sit ad vero laborum magni impedit
nesciunt commodi? Impedit deserunt repellat obcaecati suscipit voluptatum quas fuga cupiditate alias
exercitationem nemo?</p>
</section>
</section>
Here is a sample HTML file so you can reproduce the issue yourself. index.html