我在<div>
上设置了链接,但<div>
的所有元素也都链接了。
有什么线索可以删除子级的格式吗?
底部的<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/