Changing HTML from CSS media query

Question

I have a situation in which I want to change an HREF in an unordered list in HTML when a CSS media query is true. Specifically I want to change an HREF from calendar.html to ca

Answer 1

The question to ask is: How will the hidden content be used.

The display CSS property hides HTML that is already built. If you have mobile, tablet, and desktop HTML, the application can be building HTML and applying CSS 3x while only displaying once.

If it will be turned on and off, display works. If it will use either a mobile or a tablet or a desktop display and never use the others, using Javascript to add the content is better.

Note that AngularJS has ngIf and ngSwitch directives that accomplish that only using HTML attributes.