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;
}

Answer 3

看错题目了 = =
上面的回答了