CSS - Css Habits Question: Reusable Or Specific Classes???

say if i have a css file such as

#title {text:indent= 1In;........}

.content{.......}

how do i refer to it in my html?

<p class = "title">welcome......</p>

similarly for the ID

<p id = content>welcome.....</p>

i have tried something along thesel ines but it dont work!

I'm having a problem with my links becoming deactive within some nested elements. I followed some instruction on creating rounded corner boxes via a tutorial by Andy Budd. Anyway, it all works great except when I wrap link tags around a few pieces of copy. I'm a bit of a beginner still so maybe this is a simple fix but I've spent over a days worth of time now trying to figure it out on my own and can't seem to get it.

Just to clear this up, the links work everywhere on the page outside of the "box" element I'll list below and I've double and triple checked that the link within the "box" element is written correctly and it is. The CSS even finds the link and styles it correctly, however, the mouse function seems to be disabled. Does this all make sense? Below is the CSS, any help would be greatly appreciated...

This is the code that creates the box and it works correctly...
Code:

.box {
	width:831px;
	background:url(../imgs/box-spacer.gif) repeat-y;
}

.box h1 {
	background:url(../imgs/box-top.gif) no-repeat left top;
	padding-top:40px;
	font-weight: normal;
	
}

.box .last {
	background:url(../imgs/box-bottom.gif) no-repeat left bottom;
	padding-bottom:60px;
	
}
.box h1, .box p {
	padding-left:60px;
	padding-right:60px;
}

And this is the code I used to test that the page is seeing it as a link...
Code:

.box h1 a:link {
	color:#00CCFF;
}

.box h1 a:hover {
	color: #FF0066;
}

It changes the color correctly but the hover doesn't work and if you click, it doesn't link you anywhere. Again, the link is written correctly on the page. Can anyone help please? I appreciate it.

W3c says only wants html to use a css id once for every page. so what do you do if you have 4 boxes that you want to look the same but dont want to code 4 different Ids?

If I want to have all of my <td> flags to look a certain way within a <div> tag but not anywhere else how do I define the style to do this?

Greetings, friends!
I have a quick question about CSS. I am fairly versed in CSS 2.0 and the selectors that are used within. However, I am not sure if any specific type of selector is available to help me do what I want.

I am looking for a selector that will define styles for an element that contains specific children.

To give you an example, let's say that I have an image on my page. That image is assigned the class of "alignleft".

Now, let's say that I make that image into a link.

I would like to find a CSS selector that allows me to assign style definitions to that link.

Let's say my code looks like:
Code:

<a href="http://www.example.com/"><img src="example-pic.png" class="alignleft" alt="Example Picture" /></a>

Now, I know if it was the other way around:
Code:

<a class="alignleft" href="http://www.example.com/"><img src="example-pic.png" alt="Example Picture" /></a>

I could use something like:
Code:

.alignleft > img

However, I am not sure if there is any way to go up a level in CSS. I would envision it looking something like:
Code:

a < img.alignleft

but I can't find anything in the CSS spec that refers to instances like that.

Does anyone know of anything?

For instance, I would want a spec that looks something like:
Quote:
E < F - Matches any E element that is the parent of an element F.


The specific reason I'm looking for something like this is that I am using the class of "external" to assign a background image to all of my links that lead away from our Web site.

However, if that link is an image rather than text, I want to set the background of my link to "none" so that the background image does not interfere with the image itself.

Any help would be greatly appreciated. Thank you.