CSS: Wie überschreibe ich diese Regel?

[woodfighter]

Tach,

Wie überschreibe ich folgene Regel:

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { 
...
}

wenn sie ausschließlich innerhalb meines Menüs gelten soll, das in folgendem Block steht:

<article id='tabnavigation' class='tabs'>
	<ul>
		<li><a class='maintab' href='#tabs-nohdr-1'>Tablink 1</a></li>
		<li><a class='maintab' href='#tabs-nohdr-2'>Tablink 2</a></li>
	</ul>

indem du einen Selektor mit höherer Spezifität angibst, du könntest also aus deinem Beispiel also z.B. einen ID- Klassen-, oder Element-Selektor hinzufügen, je nachdem wie dein restliches HTML aussieht.

mfg
Woodfighter