使用jquery为某些单词加下划线

Question

我有以下内容:

HTML:

<span id="plus-shipping">+ Shipping</span>

CSS:

span#plus-shipping {
    bottom: 25px;
    font-weight: bold;
    padding-left: 10px;
    position: relative;
    text-decoration: underline;
}

我如何设置下划线所以它只是运费而不是+

Answer 1

最简单的选择是将'shipping'字符串包装在另一个标记中,例如span并仅将下划线应用于span:

#plus-shipping > span {
    text-decoration: underline;
}

<span id="plus-shipping">+ <span>Shipping</span></span>

我还尝试使用CSS生成的内容::before来生成+角色,不幸的是(至少在Chrome 18/Win XP中)这继承了其"父" #plus-shipping元素的下划线,即使text-decoration: none是显式声明的.