Question

为了减少粗体文本等每个不同部分的div，可以将CSS内容中的特定部分作为粗体等等。我可以用任何方式进行跨度吗？我已经想出了如何做换行的东西，这样就可以帮助我为每个段落创建一个div。

例如

<span class="maintext">Blah blah blah <br>etc | etc <br> <strong>something in bold.</strong> more text here.</span>

需要添加三个div来处理CSS内容，其中一个内容直到粗体字符串，一个用于粗体字符串，另一个用于粗体字符串后的内容。

如果我能以某种方式在一个CSS内容选择器中添加粗线来理想。

Answer 1

您可以使用如下所示的内容。但是，eBay没有机会让你逃脱。

p:after {
content: "Add text here";
}

Answer 2

这是我能提出的最简单的javascript：https://jsfiddle.net/vctbszc2/1/

HTML

<p>
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah DEMO blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah 
</p>

的Javascript

var par = document.getElementsByTagName('p');
for(var i = 0; i < par.length; i++)
{
    var s = par[i].innerHTML;
    s = s.replace('DEMO', '<span style="color:green; font-size: 40px;">DEMO</span>');
    par[i].innerHTML = s;
}

更改CSS内容中特定单词的文本样式

2 个答案: