txt部分不需要下划线

Question

<div class="action btn-save">{{'SaveTitle' | translate}}({{row.box.length}})
</div>

.btn-save {
text-decoration: underline;
}

我有上面的代码。它的结果是：保存（3），整个下划线，但我需要下划线来保存，我不想为（3）加上下划线。 你能帮忙吗？

Answer 1

使用span （或其他 HTML 标签）更具体地应用 styles。

<div class="action btn-save">
  <span class="my-underline">{{'SaveTitle' | translate}}</span>
  <span>({{row.box.length}})</span>
</div>

.my-underline {
  text-decoration: underline;
}

Answer 2

您可以通过定义诸如span之类的标记来完成所需的操作，然后通过更改其属性在 HTML 中使用该属性，如下所示：

css

span {
 text-decoration: underline; 
}

html

<div class="action btn-save"> <span>{{'SaveTitle' | translate}}</span>({{row.box.length}})
</div>

Answer 3

将要下划线的文本括在 span 标记内，并将其描述为下划线。