使用伪元素创建自定义行，直到文本换行时不起作用

Question

如上所述，我想通过对换行文本的响应进行自定义行 不通过线路直通。有可能实现它吗？

Answer 1

像这样更新你的 css 和 html .css

.text1 {
font-size: 30px;
width: 600px;
background: yellow;
position: relative;
z-index: 0;
color:#f10;
text-decoration:line-through;
}
.text1 p{ color:#000; }
HTML
<div class="text1"><p>Hellow World!Hellow World!Hellow World!Hellow World!</p></div>