I'm sure there's something fundamentally silly wrong with this but I can't see what it is at the moment.
Here's a snippet of a CSS file:-
.header { border-top: thick solid #cccccc; border-bottom: thin solid #cccccc; color: #0E0E0E; background: #EEEEEE; height: 8em; } h1.header, h2.header, h3.header, h4.header, h5.header, h6.header { padding: 0px; background: #EEEEEE; color: #003366; font-weight:normal; line-height:140%; }
.crumbs {color: blue; background: white;} a.crumbs {color: red; background: white;} a.crumbs:visited {color: blue; background: white; text-decoration: none}
Now the .header bit is doing what I expect for the part of my HTML that has a <div class="header"> ..... </div> around it, I get a nice pale grey background. But none of the h1/h2/h3/h4 'inside' the header seem to work. They still get a default white background.
Similarly the .crumbs is working (I tried changing the background to check) but none of the a.crumbs are working.
What am I doing wrong? Surely something obvious and silly but I can't see it. I even ran a CSS checker on it and it checks out perfectly, just doesn't actually do anything!