元素之后的CSS Content属性

Question

我有这个：

<div class="block3">
  <div class="surround">
    <div class="s_title">
      <h3>Title</h3>
    </div>
    <div class="block_content">
      <div class="content"> </div>
    </div>
  </div>
</div>

在我的示例中，我无法直接在 HTML 中添加内容（默认情况下在 PHP 中呈现的块），因此我需要添加 CSS

这很困难的部分是我需要在block3之后添加<{1}}元素中的文字 （<h3>会影响所有.s_title:after }，所以它对我不起作用。）

有没有办法做到这一点？

Answer 1

只需在选择器前面添加.block3，就像将限制任何其他元素的选择限制为某个容器元素一样：

.block3 .s_title:after