css - 元素后的 CSS 内容属性

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元素中添加文本，之后<h3>(.s_title:after会影响 all s_title，所以它对我不起作用。)

有没有办法做到这一点？

Answer 1

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

.block3 .s_title:after