please look at http://v60.ancestry.higgsy.co.uk/higgs_harry_b1915.html
This image is too large in Desktop view:
Can anyone explain why the rule .resp_image in global.css is NOT being overridden by the same rule which is in test.css i.e. I want the one in test.css to be active to make the image smaller
Copy link to clipboard
Global CSS contains these image styles in this stacking order:
width: 100%; max-width: 100%;
Due to stacking order, img tag (width:100%) takes priority over other styles.
In CSS hierarchy, tags take priority over #IDs and .classes.
Hope that helps.
Many thanks Nancy, I just removed my resp_image class and all looks good. Now you mention it, I do recall reading about the tag selector taking priority but I think I hardly use them so have fallen into that trap! Your help is much appreciated.