鍍金池/ 問(wèn)答/HTML/ 為什么超鏈接的下劃線(xiàn)會(huì)和字體顏色不一樣呢?

為什么超鏈接的下劃線(xiàn)會(huì)和字體顏色不一樣呢?

新手學(xué)HTML/CSS寫(xiě)靜態(tài)網(wǎng)頁(yè)的時(shí)候,發(fā)現(xiàn)li中的超鏈接,當(dāng)鼠標(biāo)懸停在上面時(shí),下劃線(xiàn)的顏色和字體不一樣,沒(méi)有找出CSS代碼中哪里設(shè)置了顏色。

<li class="menu-item clearfloat">
                        <div class="title"><a href="#">
                            <h4>Voluptate cillum fugiat.</h4>
                            <p class="comment">Chess, tomato, mushroom, onions</p>
                        </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 #e3e1e1;
}

/*.menu-item .title a:hover{
    text-decoration: none;
}*/

.menu-item .title h4{
    color: #D6D6D6;
}

.menu-item .comment{
    margin-top: 4px;
    color: #b7b7b7;
    font-size: 12px;
}

圖片描述

回答
編輯回答
我甘愿

在a標(biāo)簽中:
文字顏色是在'color'屬性,
下劃線(xiàn)樣式是在'border-bottom'屬性,
你只設(shè)置了'color',未設(shè)置'border-bottom'

2017年4月14日 11:01
編輯回答
命于你

已解決:HTML中的div層次關(guān)系太多,導(dǎo)致CSS選擇出現(xiàn)了問(wèn)題。所以默認(rèn)顯示下劃線(xiàn)為藍(lán)色。只要單獨(dú)再CSS中設(shè)置a標(biāo)簽的字體顏色,再給title中的p元素設(shè)置字體顏色即可。
之前對(duì)a標(biāo)簽中的h4設(shè)置顏色并沒(méi)有影響到a標(biāo)簽hover樣式。

2018年4月8日 03:55
編輯回答
萢萢糖

看看是不是全局css中 對(duì)a標(biāo)簽添加了樣式

2018年7月9日 18:28
編輯回答
硬扛

看看是否設(shè)置了 text-decoration-color

2017年5月18日 17:18