HTML
<div class = "shared_link_post_container">
<a id="{{post.status_id}}_shared_link_img" href="{{post.link}}" target="_blank">
<img src="{{post.picture}}">
</a>
<a id="{{post.status_id}}_shared_link_text" class="shared_link_text" href="{{post.link}}" target="_blank">
<div id="{{post.status_id}}_clickable_text_box" class="clickable_text_box">
<br>
<span class="shared_link_name">{{post.name}}</span>
<br>
<span class="unlinked shared_link_caption">{{post.caption}}</span>
<br>
<br>
<span class="unlinked shared_link_description">{{post.description}}</span>
</div>
</a>
</div>
我希望当链接悬停在unlinked
类上时,链接没有下划线。我尝试过:
CSS
.unlinked {
color: gray;
font-weight: normal;
text-decoration: none;
}
这似乎不起作用,主要是因为我的unlinked
类应该是a
类。但是,我不想删除所有链接的下划线,只是删除 unlinked
类。
最佳答案
将您的 span
转换为 block 级元素,然后变为:
.shared_link_name {
display: inline-block;
text-decoration: underline;
}
.shared_link_name:hover {
text-decoration: none;
}
关于html - 当链接悬停在某些链接上时如何删除下划线?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18880747/