如何更改类中的 <p> 文本？ [复制]

【问题标题】：How do I change the <p> text inside a class? [duplicate]如何更改类中的 <p> 文本？ [复制]
【发布时间】：2020-03-12 15:35:57
【问题描述】：

我尝试了以下代码来更改 p 文本但没有成功，我不确定如何调用 p 来更改文本，我该如何调用它？

p.min-pariticipants  { 

font-weight: bold;
color: red;
font-size: 30px;

<p> Test </p>

}

【问题讨论】：

【解决方案1】：

我不确定您实际上想要完成什么；但是在 CSS 中编写 HTML 是不行的。如果您尝试更改 p 标记的内容并且您无权访问实际的 HTML；那么您可以使用一小行 JavaScript 来完成此操作。

document.getElementById('test').innerText = "Change Me!"

&lt;p id="test"&gt;Lorem Ipsum&lt;/p&gt;

如果您希望向p 标记添加其他内容，则可以使用CSS 伪选择器::after 或::before；这会将新内容与现有内容放在一起。

#test::after {
  content:' After'
}
#test::before {
  content:'Before '
}

&lt;p id="test"&gt;Lorem Ipsum&lt;/p&gt;

【讨论】：