更改CSS`content`属性的字体大小

我需要更改CSS3内容选择器部分的字体大小。只是部分，不是全部。下面是如何设置我的代码：

HTML:

CSS:pfirst second:after{content:FIRST second}

我正在使用在文本上创建渐变的方法

---

如果可能的话，我想用CSS来解决这个问题，即使它很粗糙。正如您所看到的，强文本已经包装在一个元素中，我可以添加ID或类或任何东西来更改它。如果CSS无法修复它，那么我的下一个首选项是jQuery，然后是JavaScript。

下面是一个使用-webkit mask image应用于文本的渐变效果的快速示例：

---

我有点困惑。如果生成的内容与HTML内容完全相同，您使用生成的内容做什么？使用纯CSS创建渐变效果。我不认为生成的内容是必要的。内容对CSS3来说既不是新的，也不是选择器。它被称为财产等等，你在问什么？标题暗示你想调整某些东西的字体大小，但问题的主体暗示这是一个与CSS渐变相关的问题。

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;
}