使用css向h3元素添加样式而不修改html

使用css向h3元素添加样式而不修改html,html,css,Html,Css,我有一个网站,我想给它的h2元素的风格: 我有一个示例网站: 如果您看到名为“的第一个h3标题” 合并与合并之间的直接比较(信息图表)” 我希望将相同的样式应用于我的h2标记。我看到了代码,它有下面的html,我不想添加到我的html中,因为它会对我网站上的所有页面产生太多的工作 <div class="hh-block"><div class="hh-left hh-m-0"><span>&nbsp;</span></div>

我有一个网站,我想给它的h2元素的风格:

我有一个示例网站:

如果您看到名为“的第一个h3标题” 合并与合并之间的直接比较(信息图表)”

我希望将相同的样式应用于我的h2标记。我看到了代码,它有下面的html,我不想添加到我的html中,因为它会对我网站上的所有页面产生太多的工作

<div class="hh-block"><div class="hh-left hh-m-0"><span>&nbsp;</span></div><div class="h-h-title hhright hh-next"><h3>Head To Head Comparison Between Merger vs Amalgamation (Infographics)</h3></div></div>
合并与合并之间的直接比较(信息图表)

我的问题是,我是否可以通过使用CSS在我的h2标签上实现相同的样式,并为相同的样式提供一些代码。

基于我在下面回答的问题,无需更改或添加额外的
html
代码

让我知道更多

h3{
边框顶部:2个实心#1375b0;
宽度:100%;
浮动:无;
显示器:flex;
}
h3::之前{
内容:“;
显示:块;
位置:相对位置;
顶部:0px;
左:0;
字体大小:36px;
填充:25px 35px;
背景图像:线性渐变(至顶部,#429ce9 0,#1375b0 100%);
颜色:#fff;
浮动:左;
线高:0;
字号:600;
剪辑路径:多边形(0-1%,100%-1%,计算(100%-35px)100%,0-100%);
}

合并与合并的正面比较(信息图形)
你看过应用于这些标签上的类的CSS了吗?@Jesse是的,但是CSS应用于他h3标签上的外部html标签,因为我的html结构与他不同,我不能直接使用他的CSS进行我的分类h2@Sandeep你在找那种款式吗??你可以通过添加
div
block来完成。你就是那个家伙!!。万分感谢