html - 包装 CSS 伪元素

Question

是否可以在 b 和 c 项周围模拟一个 div，并在不更改此 HTML 的情况下对其设置样式？

我知道有 ::before 和 ::after 伪元素，但找不到任何“包装”元素。可能类似于 ::wrap(.b, .c)。

<ul>
    <li class="a">a</li>
    <li class="b">b</li>
    <li class="c">c</li>
    <li class="d">d</li>
</ul>

一个很好的例子是隔离并将单个背景图像放在 b 和 c 后面。

Answer 1

你不会做类似的事情吗，

li.c,li.b { border: 1px solid black; }