Applying a CSS style to a group of dynamically generated links?

1

I’m currently fighting w/ learning how to use a shopping cart system called eDatCat, and customizing it to a design i have in mind. Unfortunately, I do not have much knowledge of CSS, as I have never needed it much before last week. However, it does seem very useful for this current project so I’m doing my best. One small problem tho. The shopping cart system dynamically generates the html links in the menus, and they seem to have it very well hidden for where I can go in and edit the <a> tag to say <a class=“navigation” … > So, I thought perhaps I could apply a style to a <span> tag that surrounds them, and set up the properties for the links through there. With the help of w3schools.com I came up w/ this lovely piece of code that I was rather proud of:

.links
	{
	color:#FF6600;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bolder;
	}
.links > a:link 
	{
	color:#FF6600;
	text-decoration:none;
	}
.links > a:visited 
	{
	color:#FF6600;
	text-decoration:none;
	}
.links > a:active
	{
	color:#FFFFFF;
	text-decoration:none;
	}
.links > a:hover 
	{
	color:#FFFFFF;
	text-decoration:none;
	}

It appears to work in Dreamweaver, and aparently it work nicely in Mozilla, but in IE, it does not work at all :frowning: Does anyone know of another way I can approach this that might be more IE friendly?

2

not sure why the “>” is there. But how are you linking the style sheet?

How I would do it is

A.links {
    css here
}

A.links:hover {
    css here
}

And that works in all browsers that I have tested.

3

that won’t work because so far as I can tell, because the shopping cart system dynamically generates the html for the links, I cannot make them say:

<a class="links">

so doing what you suggest does not help.

I was trying to incorporate the > from what I saw here @ w3schools:

If i’m using it in the wrong way, please tell me. They didn’t seem to explain it much.

My goal is to be able to write this in the HTML:

 <span class="links">%%subcat_list%%</span>

*%%subcat_list%% is something like (and CANNOT be changed):

<a href="somelink.html">Blah</a><a href="somelink2.html>Blah 2</a>