html - CSS 下划线元素只有在跨度内

Question

请看下面:

<span class="caption">
{block:Caption}<p>{Caption}</p><hr>{/block:Caption}
 </span>

标题 block 将包含文本，其中一部分是链接。如何创建仅在“标题”范围内为链接加下划线的 CSS？

Answer 1

首先 - block 元素周围不能有内联元素。

不仅仅是做a{text-decoration: none;} .caption a{text-decoration: underline}