---
title: "Navigation: CSS-Klasse übergeordnetem HTML-Tag zuweisen"
url: "https://www.typo3.net/d/69926-navigation-css-klasse-uebergeordnetem-html-tag-zuweisen"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage","HTML & CSS"]
created: "2007-10-30"
last_reply: "2007-10-31"
replies: 4
solved: false
page: 1
pages: 1
lang: "de"
---

# Navigation: CSS-Klasse übergeordnetem HTML-Tag zuweisen

TYPO3 › Menüs · 4 Antworten · gestartet 2007-10-30

## Eröffnungsbeitrag

**flashGordon** · 2007-10-30 · [Beitrag #1](https://www.typo3.net/d/69926-navigation-css-klasse-uebergeordnetem-html-tag-zuweisen/1)

Hallo,

ich habe noch keine Erfahrung mit TS und frage mich, ob ich auch übergeordneten HTML-Tags ausgewählter Navigationspunkte **neue CSS-Klassen zuweisen** kann. Im folgenden Beispiel habe ich die Klasse marked dem a-Tag zugewiesen [HTML, Z. 5]. Eigentlich möchte ich die marked Klasse aber **dem übergeordneten li-Tag zuweisen**. Geht so etwas? Oder wie würde es jemand mit etwas mehr TS Erfahrung lösen?

```typoscript
tmp.HAUPTNAVIGATION = HMENU
tmp.HAUPTNAVIGATION {
	1 = TMENU
	1 {
		wrap = <ul id="navigation"> | </ul>
		NO = 1
		NO.wrapItemAndSub = <li> | </li>
		CUR < .NO 
         	CUR {
         		ATagParams = class="marked"
		}
	}
}
```

```html
<ul id="navigation">
	<li><a href="index.php?id=7" onfocus="blurLink(this);">Startseite</a></li>
	<li><a href="index.php?id=5" onfocus="blurLink(this);">Zur Person</a></li>
	<li><a href="index.php?id=6" onfocus="blurLink(this);">Training und Seminare</a></li>
	<li><a href="index.php?id=8" onfocus="blurLink(this);" class="marked">Prozessberatung</a></li>
	<li><a href="index.php?id=9" onfocus="blurLink(this);">Großveranstaltungen</a></li>
	<li><a href="index.php?id=10" onfocus="blurLink(this);">Referenzen</a></li>
	<li><a href="index.php?id=11" onfocus="blurLink(this);">Kontakt</a></li>
</ul>
```

## Antworten

### [#2](https://www.typo3.net/d/69926-navigation-css-klasse-uebergeordnetem-html-tag-zuweisen/2) · Unbekannter Benutzer · 2007-10-30

und warum schreibst du nicht einfach <li class="marked">|</li>?

Oder einfach im CSS
ul#navigation li { ... }

Oder im CSS
li { Definitionen vom marked }

Da gibts ja nu viele Wege...

### [#3](https://www.typo3.net/d/69926-navigation-css-klasse-uebergeordnetem-html-tag-zuweisen/3) · flashGordon · 2007-10-30

Ich möchte nur dem li-Tag die Klasse marked zuweisen, dessen Link gerade aktiv ist, nicht allen li-Tags.
Naja, habe jetzt ein bisschen mit margins und paddings gepfuscht und marked auf ein zusätzliches DIV gesetzt. Schade, ich dachte Typo3 kann die Elternelemente auch manipulieren.

```typoscript
linkWrap = <div class="marked"> | </div>
```

### [#4](https://www.typo3.net/d/69926-navigation-css-klasse-uebergeordnetem-html-tag-zuweisen/4) · Unbekannter Benutzer · 2007-10-30

OK, dann habe ich dich missverstanden...

Dann empfehle ich dir in die TsRef zu schauen in den Bereich TMENUITEM, dort findest du die verschiedenen Menüzustände... Unter anderem auch ACT und CUR, die du ja auch schon verwendest. Nur fehlt dir ja quasi ein wrap dafür... du kopierst diesen nämlich aus NO (CUR < .NO)

Einfach den entsprechenden Bereich hinzufügen und einen neuen wrap definieren.

also etwa:

```typoscript
CUR < .NO
CUR {
        wrapItemAndSub = <li class="marked"> | </li>
        ATagParams =
}
```

### [#5](https://www.typo3.net/d/69926-navigation-css-klasse-uebergeordnetem-html-tag-zuweisen/5) · flashGordon · 2007-10-31

Danke für die Starthilfe!
Hab mir heute erstmal ein schön dickes Buch gekauft. Da gibt es doch noch zu viel, das sich einem nicht auf Anhieb erschließt...

---

Quelle: „Navigation: CSS-Klasse übergeordnetem HTML-Tag zuweisen“, typo3.net, https://www.typo3.net/d/69926-navigation-css-klasse-uebergeordnetem-html-tag-zuweisen
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.