更改CSS`content`属性的字体粗细

Question

我需要更改CSS3内容选择器部分的字体粗细。只是一部分，而不是整个事情。以下是我的代码设置方式：

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

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

我正在使用this method在文本上创建渐变。

如果可能的话，我想用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;
}