title: How to set same styles for different tags using styled-components and without CSS files
body: <p>I have a single-page website where I want every section to have the same primary style. The problem is that one section is <code>header</code>, the other <code>footer</code>, and the rest <code>div</code>. I would like to know the best way to use <code>styled-components</code> to achieve this behaviour. In CSS, I would have a selector <code>.section</code> in a global styles file, but as I understand, the <code>styled-components GlobalStyle</code> is only used to set general styling. If I want to use <code>styled-components</code> I will end up repeating the same code for every section. Thanks in advance for any help you can provide.</p>