I'm having trouble overriding the external CSS file to add custom styles to specific tags. While adding inline styles seems to be effective, using an internal page stylesheet is not yielding the desired results as the tags are still adhering to the external styles.
For instance, my attempt with the following code has been unsuccessful:
<link rel="stylesheet" type="text/css" href="styles.css" />
<style type="text/css">
h1 {
font-size:36px;
}
</style>
Even when creating a custom style like so:
<style type="text/css">
h1.heading {
font-size:36px;
}
</style>
No changes have been observed.
Here is a demonstration of the issue on this JSFiddle.