✔ Link Eigenschaften nur für die Navigation

[SimonErich]

Hi

Ich habe auf meiner Page einen CSS Style definiert.
Er sollte eigentlich nur für Links der Navigation gelten.
Wenn ich nun aber Links irgendwo mache die auch nicht in diesem Tag liegen
Übernehmen die komischerweise auch diesen Style.

Hier mal der Style:

 #navi_links a:link, a:visited, a:active{
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	border: 1px solid #999999;
	text-align: center;
	vertical-align: middle;
	width: 80px;
	padding: 4px;
	display: block;
	font-weight: bold;
}

 #navi_links a:hover{
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	border: 1px solid #FFFFFF;
	text-align: center;
	vertical-align: middle;
	width: 80px;
	padding: 4px;
	background-image: url(../images/navi_hover.jpg);
	line-height: 27px;
	display: block;
	font-weight: bold;
}

wenn ich nun z.Bsp: Einen Link wie folgt mache

<a href="#" id="andere_klasse">link</a>

Übernimmt dieser auch die Eigenschaften von #navi_links

Gruß SimonErich

 

[Maik]

Der ID-Name muß für jede Pseudoklasse notiert werden:

#navi_links a:link, #navi_links a:visited, #navi_links a:active{
        font-size: 12px;
        color: #333333;
        text-decoration: none;
        border: 1px solid #999999;
        text-align: center;
        vertical-align: middle;
        width: 80px;
        padding: 4px;
        display: block;
        font-weight: bold;
}

#navi_links a:hover{
        font-size: 12px;
        color: #333333;
        text-decoration: none;
        border: 1px solid #FFFFFF;
        text-align: center;
        vertical-align: middle;
        width: 80px;
        padding: 4px;
        background-image: url(../images/navi_hover.jpg);
        line-height: 27px;
        display: block;
        font-weight: bold;
}