Javascript 设置div类中第一次出现的文本的样式

我有一个div，其中包含一些文本，我想只合成一些标题1文本

一些标题1


标题2

.pswp\uuuu字幕\uuu中心{
颜色：红色；
}
小的{
颜色：蓝色；
}

一些标题1


标题2

使用JS的样式

const container=document.querySelector（“.pswp\u caption\u center”）；
const caption=container.querySelector（“span”）；
caption.style.fontwweight=800；
caption.style.color=“珊瑚”

一些标题1


标题2
用我的两个便士来说，我相信你在滥用标记，这里，应该考虑使用语义正确的标记，就像这样


我的头衔
我的小标题

关联的CSS将是

.pswp\uuuuuuuuuuuuuuu中心h3{
颜色：红色；
字号：1.2rem；
}
.pswp_u_标题__中心h4{
字体大小：0.9rem；
}

或者您可以使用
标记


一些文本或其他。
我的图形文本。
不过你在说什么风格？有些道具是继承的，有些不是继承的，你的css将不得不相应地更改。在
span
和样式中包装
一些标题1
，我无法更改HTML。不过，问题是，除非应用了样式，否则添加到div中的所有子项都将被格式化为红色；非常混乱。这是真的……问题是我无法更改HTMLstructure@user38208你到底想要什么样式？你能使用JS并改变
HTML
，然后再改变样式吗？是的，你能使用JS。我该怎么做呢？问题是我无法更改HTML结构