Styling Links / custom CSS : exclude Header and Footer

Prerequisites

• I have searched for similar features requests in both open and closed tickets and cannot find a duplicate.
• The feature is still missing in the latest stable version of Elementor ( Elementor Pro )

What problem is your feature request going to solve? Please describe.

I need to apply custom CSS styles on links in content. I can't find a way to exclude the header (menu) and footer.
I added my code in the single page template but it applies also on header menu and footer.

Describe the solution you'd like

Custom css on single page (or post) template should only apply to body content, not header and footer.

Describe alternatives you've considered

Overriding css in header and footer is working but it's not an ideal solution.

Additional context

_No response_