如何使用 css 删除此代码的要点

Question

我想删除这段代码的要点。尝试了很多方法，但没有运气。有什么帮助吗？

<div class="widget wpcw-widgets wpcw-widget-contact">
    <ul>
        <li class="has-label">Name</li>
        <li class="has-label">Address</li>
        <li class="has-label">Country</li>
        <li class="has-label">Address</li>
        <li class="has-label">Country</li>
    </ul>
</div>

Answer 1

.widget ul li{ list-style-type: none;}

<div class="widget wpcw-widgets wpcw-widget-contact">
    <ul>
        <li class="has-label">Name</li>
        <li class="has-label">Address</li>
        <li class="has-label">Country</li>
        <li class="has-label">Address</li>
        <li class="has-label">Country</li>
    </ul>
</div>

Answer 2

由于 div 容器仅列出联系信息，我建议使用 wpcw-widget-contact 类对元素进行样式设置，因为它非常适合上下文。

.wpcw-widget-contact ul {
  list-style: none;
}

<div class="widget wpcw-widgets wpcw-widget-contact">
    <ul>
        <li class="has-label">Name</li>
        <li class="has-label">Address</li>
        <li class="has-label">Country</li>
        <li class="has-label">Address</li>
        <li class="has-label">Country</li>
    </ul>
</div>

您也可能有兴趣查看更多详细信息about the CSS property used on this answer。