改变CSS ' content '属性的font-weight

Question

我需要改变CSS3内容选择器部分的字体粗细。只是一部分，不是全部。我的代码是这样设置的:

HTML: <p id="first-second"><a href="#"><strong>FIRST</strong> SECOND</a></p>

CSS: p#first-second:after {content: "FIRST SECOND"}

我正在使用这种方法在文本上创建渐变。

如果可能的话，我想用CSS来解决这个问题，即使它很粗糙。正如你所看到的，强文本已经被包裹在<strong>元素中，我可以添加id或类或任何东西来改变它。如果CSS不能解决这个问题，那么我的下一个首选是jQuery，然后是JavaScript。

Answer 1

下面是使用-webkit-mask-image: http://jsfiddle.net/joshvogt/t4Ger/将渐变效果应用于文本的快速示例

p strong{
    -webkit-mask-image: 
-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), 
to(rgba(0,0,0,0)));
    font-weight:900;
}
p{
    color:red;
    font-size:30px;
    text-shadow:2px 2px 2px black;
}