Question

我已经为网站的整个功能编写了一个特定的代码，但现在客户想要一个特定的区域看起来有点不同我能做的就是为它制作一个单独的代码，但我相信有一种方法如果有人可以引导我走向正确的方向，那么在CSS中做到这一点？

我的css代码是

<ul class="item-address">
<li><span>Jan</span> 
logist 
<span>Timing: </span>
all days 4 pm to 6 pm except sunday 
<span>Fees: </span>
1000</li>
<li>
<span>oka</span>
Coder 
<span>Timing: </span>
mon 2 pm 4 pm 
<span>Fees: </span>
1000</li>
    </ul>

现在我唯一想要的是在关闭后如何在伪类之前和之后使用div，在这种情况下div将在我的情况下为logist创建？

Answer 1

不是100％肯定你的意图，但你可以尝试这样的事情：

.item-address li:first-child span:first-child::after {
    content: " (new content here) ";
    background: lightblue
}

<ul class="item-address">
    <li>
        <span>Jan</span>
        logist
        <span>Timing: </span>
        all days 4 pm to 6 pm except sunday
        <span>Fees: </span>
        1000
    </li>
    <li>
        <span>oka</span>
        Coder
        <span>Timing: </span>
        mon 2 pm 4 pm
        <span>Fees: </span>
        1000
    </li>
</ul>

Fiddle here

在关闭元素

1 个答案: