css - 更改跨度类内容

Question

第一次来这里。对不起，如果我的问题太愚蠢。

如何更改标签:

<span class="fluid-thumbnail-grid-image-type">
XYZ
</span>

我想在托管应用程序中将 XYZ 更改为其他内容。我只能将自定义 CSS 添加到头部部分。

提前致谢

费尔南多

Answer 1

CSS/HTML 解决方案:如果您能够编辑 html，并且只想使用 CSS，您可以使用 :before(或 :after)选择器:

.fluid-thumbnail-grid-image-type:before{
  content:"ZYX"
 }

<span class="fluid-thumbnail-grid-image-type"></span>

Javascript 解决方案: 如果您能够添加 javascript，我会推荐 jQuery .html()，如下所示:

$('.fluid-thumbnail-grid-image-type').html('ZYX');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<span class="fluid-thumbnail-grid-image-type">XYZ</span>