Html CSS-更改没有子元素的类文本的CSS背景

我正在进行一个基于wordpress主题的项目，该主题定期更新，因此我无法更改HTML（无论如何都要进行维护）。我添加了一个样式表，允许我更改网站的外观，我所要做的就是在每次更新中添加一个“include”

我的可用性日历如下所示：

正如你所见，“31”几乎看不见

html输出：

<td class="calendar-end" data-curent-date="1564531200">
31
</td>

这将产生以下结果（当通过chrome inspector向元素添加

标记并为其提供css规则时）

我的问题是，我不知道如何为文本创建规则，因为它不是子元素

通常我会用

标记吞没31，这样我就可以为

.calendar end p

创建一个规则，但这是不可能的，因为HTML限制

是否有一种我不知道的方式可以通过特定的css规则影响td中的文本？ 如果我试图将我的代码应用于

.calendar end

类，它会导致与背景渐变发生冲突，最终我得到完全不可见的文本（与背景渐变相同）

我不确定我所问的是否可能，但css并不是我的强项，我希望这里的人在这方面比我更有知识：D

---

谢谢大家的帮助

> Chrome，可以考虑下面的多个背景（不适用于Firefox）

。日历结束{
颜色：透明；
背景：
线性梯度（135度，#ffffff 48%，#4d5567 48%），
线性梯度（135度，红色48%，#fff 48%）；
-webkit背景剪辑：
文本，
填充盒；
背景剪辑：
文本，
填充盒；
宽度：100px；
高度：100px；
字体大小：100px；
}

31

与我们共享您的HTML结构，以获得DOMI的概览。如果不使用混合模式CSS包装文本，我认为这是不可能的。我相信这与您想要的非常接近。@krish他已经共享了所需的HTML结构。

background: linear-gradient(135deg,  #ffffff 0%,#ffffff 48%,#4d5567 48%,#4d5567 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;