text-decoration:underline;鼠标离开之后为什么下划线还存在？

Question

.hydt_title:HOVER{

    text-decoration:underline;

}

<div class="hydt_1">

                                      <div class="hydt_title">

                                      <a href="">成都布局66个重点产业园</a>

                                      </div>

                                      <div class="hydt_content">

                                      成都国家中心城市产业发展大会上提出

                                      </div>

                                  </div>

Answer 1

a元素有默认样式，其中之一就是添加下划线，所以你需要覆盖默认样式：.hydt_title a {&nbsp; &nbsp; text-decoration: none;}.hydt_title a:hover {&nbsp; &nbsp; text-decoration: underline;}

Answer 2

.hydt_title{&nbsp; &nbsp; text-decoration: none;}.hydt_title:hover{&nbsp; &nbsp; text-decoration: underline;}