Antworten zum Thema „current span“

[NiAlMa]

Hallo zusammen,

ich steh grad irgendwie auf dem Schlauch :schmoll:

Habe eine css mit folgendem Inhalt:

...
	#nav li a span {
		color: #666;
		display: block;
		font-family: Arial, sans-serif;
		font-size: 10px;
		font-weight: normal;
		line-height: 1.2;
		padding-top: 6px;
	}

	#nav li a {
		border-left: 1px solid #ddd;
		color: rgb(181,26,26);
		display: block;
		font-weight: bold;
		margin-right: 6px;
		min-height: 4.5em;
		padding: 4px 4px 4px 12px;
		text-transform: uppercase;
	}

	#nav ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	#nav li {
		margin: 0;
	}

	#nav #current {
		color: #ffffff;
	}

	#nav #current a {
		background: rgb(181,26,26);
		color: #ffffff;
	}
...

HTML ist

...
<div role="navigation" id="nav">			
        <ul class="ym-grid">			  
          <li class="w16 ym-gl" ><a href="#">Home </a></li>			  
          <li class="w16 ym-gl" id="current"><a href="#">Über Uns <span>Was Sie über<br/> uns wissen sollten </span></a></li>			  
          <li class="w16 ym-gl"><a href="#">Unser Service<span>Informationen über <br/>unseren Service für Sie</span></a></li>			  
          <li class="w16 ym-gl"><a href="#">Onlineshop<span>Unser Onlineshop</span></a></li>			  
          <li class="w16 ym-gl"><a href="#">Kontakt<span>So erreichen Sie uns</span></a></li>			  
          <li class="last w16 ym-gr"><a href="#">Impressum<span></span></a></li>			
        </ul>		  
      </div>		  

...

und möchte dass das span bei active und current auf die Farbe weiss und nicht das grau hat!

Komm da grad nicht wirklich weiter und seh wohl vor lauter css das Einfachste nicht!

Kann mir da evtl. einer von euch auf die Spünge helfen?

LG

 

[Raphale]

AW: current span

du hast den span nicht definiert sondern den a tag (#na #current a)
versuch
"#current span {color:#fff;}"

auch wenn eine Id verschachtelt ist musst du die vorigen nicht noch mit angeben
(eine id soll nur einmalig vorkommen)