[CSS]Formatowanie menu Opcje

[djtomaszq]

Mam problem z zmianą koloru textu w menu.
css

[PHP] pobierz, plaintext 
ol, ul{
	margin: 0px;
	padding: 0px;
	text-align: center;
	list-style-type: none;
	line-height: 30px;
 
}
 
ol > li{
	color: white;
	width: 100px;
	height: 30px;
	font-weight: bold;
	float: left;
	margin-top: 1px;
	margin-bottom: 1px;
	background: #339900;
}
 
ol > li > ul{
	width: 100px;
	display: none;
	background: #99CC66;
	position: absolute;
}
 
ol > li:hover > ul{
	display: block;
	background: #CCFF66;
 
}
 
ol > li:hover{
	text-shadow: 1px 1px 1px red;
	background: #66CC33;
}
[PHP] pobierz, plaintext 

html

[PHP] pobierz, plaintext 
<ol>
				<li>MENU
					<ul>
						<li><a href="#">Lista 1</a></li>
						<li><a href="#">Lista 2</a></li>
						<li><a href="#">Lista 3</a></li>
					</ul>
				</li>
				<li>Liga
					<ul>
						<li><a href="#">Mecz 1</a></li>
						<li><a href="#">Mecz 2</a></li>
						<li><a href="#">Mecz 3</a></li>
					</ul>
				</li>
				<li>KONTAKT
					<ul>
						<li><a href="#">Profilek 1</a></li>
						<li><a href="#">Profilek 2</a></li>
						<li><a href="#">Profilek 3</a></li>
					</ul>
				</li>
			</ol>
[PHP] pobierz, plaintext 

Mam ustalony cien pod tekst dla dziecka ol > li ale wyswietla się on też w ol > li > ul >li.
Dlaczego ?

[trueblue]

Drugie <li> dziedziczą ten styl.
Dodaj:

Kod

li:hover ul>li{
    text-shadow:none;
}

[djtomaszq]

ok działa ale powiedz mi czy ol > li nie powinno być tylko dla pierwszych li ? Dlaczego drugie li też to dziedziczy?

Ten post edytował djtomaszq 15.08.2015, 09:42:28