Question

我想这样做 -

我在代码中有多个h2标题，我希望他们所有人都在左右两侧都有一个Orioles标识的图像。假设我有100个，并希望将它们从Orioles Logo更改为Ravens Logo。显然，改变它们需要很长时间。

为避免这种情况，我希望能够使用css规则来执行此操作：

每次有H2标题时，都会显示一个乌鸦标志。但是，我可以在棒球赛季的开幕日将其改为Orioles标识，然后迅速将其更改回来。（完全不是巴尔的摩球迷）

谢谢！

Answer 1

使用CSS的伪元素：before和：之后可以在元素之前和之后添加图像。

h2:not(.current):before {
  content: " ";
  background-image: url(.....);
}

h2.current:before {
  content: " ";
  background-image: url(.....);
}