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 {

    text-decoration: none;

}

.hydt_title a:hover {

    text-decoration: underline;

}

Answer 2

.hydt_title{

    text-decoration: none;

}

.hydt_title:hover{

    text-decoration: underline;

}