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!
--
Chris Green