Copy link to clipboard
Copied
Trying to change font: 100% to font:150% The 150% is declared in the actual page as an internal style within a media query. So why does the rule in the body supersede the internal style?
https://higgsy.com/newroot/france/france.html
If I open developer tools and then reduce the size of the browser down to iphone size then my media style appears in the developer tools – I then, in Devolper Tools, untick the superseding rule in the body statement, (turning it off temporarily) then my font statement in my media query can be seen to become active and the we can see the font change in the browser
Also I note ALL the rules in that media query are greyed out
all comments appreciated...
Your external stylesheets come after your internal <style> tagset. CSS cascades from first loaded to last loaded, if you have identical selectors in both, whatever is written to the page last will take over.
You should be able to put your css links into your <head> section, before your <style> tagset, to get them to load the way you want.
Copy link to clipboard
Copied
Your external stylesheets come after your internal <style> tagset. CSS cascades from first loaded to last loaded, if you have identical selectors in both, whatever is written to the page last will take over.
You should be able to put your css links into your <head> section, before your <style> tagset, to get them to load the way you want.
Copy link to clipboard
Copied
many thanks Jon, it works!
Find more inspiration, events, and resources on the new Adobe Community
Explore Now