html - CSS 基于链接的文本值

Question

我有一些像这样的 html(自动生成的):

<a>Save</a> &nbsp; <a>Cancel</a> &nbsp;

这两个按钮是通过框架自动生成的，所以我几乎无法控制这两个链接之间的空间。我想在两个按钮之间包含更多空间。 我添加了一些 CSS

.fw-link {
margin-left: 6px!important;
margin-right: 6px!important;
}

但这又增加了取消链接右侧和保存链接左侧的边距——浪费了很多空间。 是否可以编写一些基于 LINK 的文本值应用的 CSS？

Answer 1

您的 CSS 可以是:

a {
   margin-left: 6px!important;
   margin-right: 6px!important;
}
a:first-child {
   margin-left: 0 !important;
} 
a:last-child {
   margin-right: 0 !important;
}

这将做的是:
1.所有链接之间加空格
2. 移除第一个链接的左边距
3. 删除最后一个链接的右边距

Sample codepen link