This might be a very simple answer but I couldn't find it anywhere. Might be I missed a very basic CSS rule somehow.
Here is my Sass code:
margin-bottom: 10px; }
margin-bottom: 20px; }
Using the & symbol will apply the rule "if" the current element has the accompanying class applied.
So in your example, the
& rules (bigger font size and bottom margin) only apply IF the
h3 also has the class
<h3 class="some-selector"> My heading this is</h3>
If you removed the
& sign, you are now defining a rule for its children (the space you noticed). So that would work with html such as:
<h3> My heading <span class="some-selector">this is</span></h3>
You can read more on this here: https://css-tricks.com/the-sass-ampersand/