在第三个元素之前添加图像，使用: using

Question

我只想将之前使用elemt的图像添加到第三个li。我想隐藏AWS Marketplace，并在那里添加图像。对于已经添加到类之后的跨度，在我想添加图像之前使用

 <ul class="vc_tta-tabs-list">
    <li class="vc_tta-tab" data-vc-tab=""><a href="#1558949632107-3ba56c03-250e" data-vc-tabs="" data-vc-container=".vc_tta"><span class="vc_tta-title-text">Case Studies</span></a></li>
    <li class="vc_tta-tab" data-vc-tab=""><a href="#1558949632107-3ba56c03-250d" data-vc-tabs="" data-vc-container=".vc_tta"><span class="vc_tta-title-text">Blogs</span></a></li>
    <li class="vc_tta-tab vc_active" data-vc-tab=""><a href="#1615875372006-f9d0c991-1ae6" data-vc-tabs="" data-vc-container=".vc_tta"><span class="vc_tta-title-text">AWS Marketplace</span></a></li>
    </ul>

我正在使用下面的代码，但图像没有显示，只有第三个li跨度，只有隐藏。

#header_bar .vc_tta-tabs .vc_tta-tab:nth-child(3)>a span{
    display:none;
}
#header_bar .vc_tta-tabs .vc_tta-tab:nth-child(3)>a span:before{
/*     content:"vbvbvvbbvbvbnbnbnbnbnbnbnnnnnnnnnnnnnnnnnnnnnn"; */
content: url(abc.com11/2-dev/wp-content/uploads/2021/03/15190223/abc.png);

}

Answer 1

您可以在列表元素中使文本透明，而不是display:none。尝试：

#header_bar .vc_tta-tabs .vc_tta-tab:nth-child(3)>a span{
    color:transparent;
}