Adjacent sibling selector and ::before don't seem to work in combination
Hi everyone,
Context
I'm using firefox because chrome is doing strange things when it flicks from screen to print.
Long, multi-P block quotes don't seem to break predictably across columns and pages. I've tried to get around that by making all the Ps into their own blockquote. I indicate that a blockquote is contiguous across paragraphs by putting a line along the left side; this extends past the end of the paragraph to the next one to show that the two paragraphs are a single quote.
Making each paragraph its own blockquote works to solve the breaking problem, but it breaks the visual language of continuity of quote. To resolve that, I've made a dirty hack by adding a pseudo element ::before a continued blockquote.
What's supposed to happen
The image above uses .chained-blockquote:before {...}
to insert the element, and it works well enough. The problem is that it puts it before all blockquotes, not just the 2nd and subsequent ones.
To do that, I've tried using: .chained-blockquote + .chained-blockquote:before {...}
, which works perfectly in the dev tools.
What's actually happening
Nothing! My guess is that paged's css parser can handle blockquote + blockquote
and blockquote::before
but not both together in the same rule.