Say I have an h4
h4 {
margin-bottom: 25px;
}
// somehow select h4's that are immediately followed by p tags
h4 + p {
margin-bottom: 10px;
}
My hope was to change the bottom margin if a paragraph tag followed it rather then any other tag.
Is there any efficient way to do this with css or scss?
If not I plan to just rewrite the typography using top margin except for the first element. I would like to avoid the rewrite if possible.