when beginners learn HTML/CSS to write static web pages, they find hyperlinks in li. When the mouse hovers over them, the color of the underline is different from the font, and they do not find out where the color is set in the CSS code.
<li class="menu-item clearfloat">
<div class="title"><a href="-sharp">
<h4>Voluptate cillum fugiat.</h4>
<p class="comment">Chess, tomato, mushroom, onions
</a></div>
<div class="line"></div>
<div class="price">$50</div>
</li>
.menu-list .title, .menu-list .line{
float: left;
}
.menu-list .price{
float: right;
}
/*.menu-list .title{
width: 230px;
}*/
.menu-item .line{
width: 192px;
margin-top: 10px;
margin-left: 45px;
border-top: 1px solid -sharpe3e1e1;
}
/*.menu-item .title a:hover{
text-decoration: none;
}*/
.menu-item .title h4{
color: -sharpD6D6D6;
}
.menu-item .comment{
margin-top: 4px;
color: -sharpb7b7b7;
font-size: 12px;
}