设置<sup>标签的样式

Question

我想知道是否有方法来设置上标标签而不会影响整个段落。所以在这里我要做的就是从上标中删除下划线而不从链接标题本身中删除它。我能够改变sup标签的大小和颜色，但是除非我从整个链接中删除下划线，否则文本修饰似乎不起作用。那么无论如何都要标记标签？

由于  

Answer 1

一个好的起点是从text-decoration删除a并将其替换为border-bottom。

＆＃13;

＆＃13;

a {
  text-decoration: none;
  border-bottom: 1px solid blue;
}

＆＃13;

<a href="#">The link itself<sup>&trade;</sup></a>

＆＃13;

＆＃13;

＆＃13;

<强>更新

如果您可以控制标记，则另一个选项是在span或其他语义上合适的元素（如u）中包装您想要设置不同样式的任何文本。

＆＃13;

＆＃13;

a {
  text-decoration: none;
}
a span {
  text-decoration: underline;
}

＆＃13;

<a href="#"><span>The link itself</span><sup>&trade;</sup></a>

＆＃13;

＆＃13;

＆＃13;

<强> ...或...

＆＃13;

＆＃13;

a {
  text-decoration: none;
}

＆＃13;

<a href="#"><u>The link itself</u><sup>&trade;</sup></a>

＆＃13;

＆＃13;

＆＃13;