Top horizontal menu v1.3 can't change menu item

[kipper777]

Can't get the syntax for :nth(3) selector on this a tag, in the 3rd li tag.

What a mouthful. Is it even possible?

 

On this website

 

 

www.cutlassandcane.com/shopping

 

 

I am trying to change the color of the 3rd menu item. Bandoli to have red font. It is prestashop so I cannot add span tags around it, asit was cause issues elsewhere.

 

So, my question is, is there a way to do it through CSS using the 3 rd child, or nth, selector?

 

 

.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/

color:black;

font-size:14px;

}

 

Thanks for any help

 

Kip

[phrasespot]

Possible with CSS3 with varying support by browsers

 

ul li:nth-child(3) {
 color: #ff0000;
}

 

Look here for further examples and explanation

[kipper777]

No, that did not work. If you look at the code, it is an a tag. That was the problem. I know how to do nth on an li tag. it was the a tag. I finally got it to work but again, it was the a tag that was why