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
。クラスだけです。