multiple class for anchor

newbie271

Hi
I have an anchor behaviour defined for list item in css as follows:

#nav  li a 
{
color: #ad0000;
}

I want to extend it in such a way that it include "display: block;"

??????  //What to write here?
{
display:block;
}

<li><a href="withoutBlock.php">Contact Us</a></li>
<li><a href="withBlock.php" class = ???? >with Block</a></li>

I want some of the list items as blocked where as others not. How can I extend this and what to write in html to get the desired feature.
Thanks

bradgrafelman

You can make up any class name you like (although a descriptive one is recommended) and use it for the necessary links.

Weedpacket

http://www.w3.org/TR/CSS21/selector.html#class-html

newbie271

bradgrafelman;11000045 wrote:
You can make up any class name you like (although a descriptive one is recommended) and use it for the necessary links.

Can you please give an example on how to do this in the above script.

Thanks for reply

newbie271

Weedpacket;11000046 wrote:
http://www.w3.org/TR/CSS21/selector.html#class-html

Thanks.
My class name begins with a #nav and not .nav. Will it work if I write myclass#nav?

bradgrafelman

newbie271;11000048 wrote:
My class name begins with a #nav and not .nav.

No it doesn't, and for two reasons:

Class names can't have periods in them. (The leading period isn't part of the name - it's the CSS class selector.)
'#nav' is not the name of a class, nor does it have anything to do with CSS classes at all. That's a selector for an element with an ID of 'nav'.

johanafm

However, looking at the initial post

newbie271;11000044 wrote:

#nav  li a 
[/QUOTE]

I'm guessing that #nav is a ul element. What he propsed is still wrong, but for another reason. You start with the outermost element, in this case #nav and you end it with .myclass.

In your case that would mean simply adding .myclass to the end of the selector above, assuming you don't want myclass to be affected when it does NOT have a parent li whose parent is #nav.