Movable Type リンクのアンダーライン ２

CSS の入れ子

.asset-body a:link {
text-decoration: none;
border-bottom: 1px solid;
padding-bottom: 0.1mm;
}

の場合では、

<div class="asset-body">
            <p><a href="*******"></a><img src="******">
</p>
</div>

画像部分にリンクのアンダーラインが付いてしまう。

.asset-body p a:link {
text-decoration: none;
border-bottom: none;
}

入れ子にして解消した。