Question

这里是第一个。对不起，如果我的问题太愚蠢了。

如何更改标签：

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

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

提前致谢

费尔南多

Answer 1

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

＆＃13;

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

＆＃13;

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

＆＃13;

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

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 2

仅使用CSS 以下是您可以执行的操作＆gt;＆gt;＆gt; DEMO 使用CSS Pseudo-element {{ 1}}和:after

content

.fluid-thumbnail-grid-image-type {
  visibility: hidden;
}
.fluid-thumbnail-grid-image-type:after {
  content: 'ABC';
  visibility: visible;
  display: block;
}

更改跨班级内容

2 个答案: