我在<div>上设置了链接,但<div>的所有元素也都链接了。
有什么线索可以删除子级的格式吗?

html - 在DIV上链接但不在内容上-LMLPHP

底部的<div>处于翻转模式。



div.hotel-preview {
  border-style: solid;
  padding: 0px 10px 10px 10px;
  margin-bottom: 20px;
}

div.hotel-preview:hover {
  background-color: aliceblue;
}

<a href="@Url.Action("Hotel", "Home", new { id = hotel.IdHotel})">
  <div class="hotel-preview">
    ...
  </div>
</a>

最佳答案

text-decoration: none赋予<a>,例如:

a {
  text-decoration: none;
}


看看下面的代码片段:



div.hotel-preview {
  border-style: solid;
  padding: 0px 10px 10px 10px;
  margin-bottom: 20px;
}

div.hotel-preview:hover {
  background-color: aliceblue;
}

a {
  text-decoration: none;
}

<a href="@Url.Action("Hotel", "Home", new { id = hotel.IdHotel})">
  <div class="hotel-preview">
    ...
  </div>
</a>





希望这可以帮助!

关于html - 在DIV上链接但不在内容上,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/47236016/

10-12 12:32
查看更多