Как убрать подчёркивание у ссылки ? Чтобы только размер и цвет действовали в li ul , так как если я прописываю отдельно для a{} то оно действует для всех .

<aside id="sideLeft">
         <ul>
          <li><a href="">Вася</a></li>
          <li>Крокодил Гена</li>
          <li>Шапокляк</li>
         </ul>
 </aside><!-- #sideLeft -->

text-decoration: none; Не работает почему то в li

#sideLeft {
    padding-top: 20px;
    padding-left: 7px;
	float: left;
	width: 250px;
	margin-left: -100%;
	position: relative;
	background: white;
    
}


li{
    border-bottom: 1px solid #BFBFBF;
    margin-bottom: 5px;
    padding-left: 15px;
    font-size: 14px;
    color: #f15a23;
    text-decoration: none;
    font: italic 15px/1.6 'PT Serif', Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
}
li:hover {
    background-color: #E2E2E2;
}

<aside id="sideLeft">
<ul >
<li><a style ="text-decoration: none;" href="">Вася</a></li>
<li>Крокодил Гена</li>
<li>Шапокляк</li>
</ul>
</aside>

или замени на

li a{
    border-bottom: 1px solid #BFBFBF;
    margin-bottom: 5px;
    padding-left: 15px;
    font-size: 14px;
    color: #f15a23;
    text-decoration: none;
    font: italic 15px/1.6 'PT Serif', Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
}

mmsgold
Спасибо , а я писал li.a , а нужно через пробел .