Question

How do create a styleClass for the following CSS? I want it only to be used in one particular section of the form – the tabbed menu – and not affect anything else. If I leave it as is, everything on the form is affected by it.

a:link,a:visited
{
display:block;
width:120px;
font-weight:bold;
color:#ffffff;
background-color:#5576A7;
text-align:center;
padding:4px;
text-decoration:none;
text-transform:uppercase;
}
a:hover,a:active
{
background-color:#ff9c2a;
}

Answer 1

You need to add a class to your link, and reference that in your CSS.

With the markup:

<a href="..." class="myClass">My Link</a>

And with the CSS:

a.myClass:link,a.myClass:visited
{
display:block;
width:120px;
font-weight:bold;
color:#ffffff;
background-color:#5576A7;
text-align:center;
padding:4px;
text-decoration:none;
text-transform:uppercase;
}
a.myClass:hover,a.myClass:active
{
background-color:#ff9c2a;
}