CSS misunderstanding


i’m making my 2nd (well, sorta 3rd) css site, and i keep running into the same problem. It’s like this, i do my html and css, but the css doesn’t seem to affect it the way i think it should. My concept was that it’s called “cascading” because you define overall styles, and that applies to everything until you make more specific ones, thus the styles ‘cascade’ through the html.

however, here’s an example of my problem. I’ve given the overall bg a dark red color, and the “content” div a lighter red… now, all teh stuff you can see in my screenshot is inside the content div (some of it in <h3> tags but mostly just text) yet for some reason, the <h3> bits and the text after each <p> tag doesn’t adopt the “content” specified b/g color… i s’pose i could go in and specify #content h3 details and spell out each part, but that kinda defeats the purpose of CSS.

so, have i just got the wrong concept of how it should work, or am i just doing something a bit wrong? here’s my CSS:

* {
	background: #500;


#content {
	background-color: #611;
	border-color: #888;
	border-style: solid;
	border-width: 5px;
	padding: 30px;
	font-family: verdana, myriad, sans-serif;
	font-size: 12px;
	color: #ccc;
	width: 500px;


h3 {
	margin-left: 10%;
	font-family: century gothic, century, verdana, sans-serif;
	font-style: thick;
	color: #fff;


and here’s a screenshot of how that looks.

thanks heaps for reading!

  • Stuart