个性化阅读
专注于IT技术分析

如何从WordPress中的小部件中删除项目符号

我在将样式覆盖应用于Wordpress主题中的所有小部件时遇到一些困难。我是从头开始创建主题的, 所以我完全不知道他们是如何将这些项目符号实现的。

我想从列表中的项目中删除项目符号。的HTML是:

<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Categories</h2>
        <ul>
    <li class="cat-item cat-item-4"><a href="http://www.bignotch.com/category/big-notch-updates/" title="View all posts filed under Big Notch Updates">Big Notch Updates</a> (20)
</li>
    <li class="cat-item cat-item-5"><a href="http://www.bignotch.com/category/music_news/" title="View all posts filed under Music News">Music News</a> (50)
</li>
    <li class="cat-item cat-item-6"><a href="http://www.bignotch.com/category/ramblings/" title="View all posts filed under Ramblings">Ramblings</a> (43)
</li>
    <li class="cat-item cat-item-7"><a href="http://www.bignotch.com/category/site-news/" title="View all posts filed under Site News">Site News</a> (14)
</li>
    <li class="cat-item cat-item-8"><a href="http://www.bignotch.com/category/stuff-i-like/" title="View all posts filed under Stuff I Like">Stuff I Like</a> (25)
</li>
        </ul>
</li>
</div>

到目前为止, 这是我想出的似乎无法正常工作的代码:

li#categoryposts-3 li.cat-item {list-style: none;}

我现在不知道该怎么办。


#1


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

#2


它一定要是

li#categories-3 {background-image: none; list-style: none;}
li#categories-3 li.cat-item {background-image: none; list-style: none;}
  1. 身份证有误
  2. 你需要两种风格

#3


#categoryposts-3 ul {
    background-image: none; list-style: none;
}

#4


在CSS中使用!important关键字, 如下所示:

li{
list-style:none !important;
}

#5


下面的代码从列表中删除项目符号。

<li style="list-style: none;" class="cat-item cat-item-4"><a href="http://www.bignotch.com/category/big-notch-updates/" title="View all posts filed under Big Notch Updates">Big Notch Updates</a> (20)
</li>
<li style="list-style: none;" class="cat-item cat-item-5"><a href="http://www.bignotch.com/category/music_news/" title="View all posts filed under Music News">Music News</a> (50)
</li>
<li style="list-style: none;" class="cat-item cat-item-6"><a href="http://www.bignotch.com/category/ramblings/" title="View all posts filed under Ramblings">Ramblings</a> (43)
</li>
    <li style="list-style: none;" class="cat-item cat-item-7"><a href="http://www.bignotch.com/category/site-news/" title="View all posts filed under Site News">Site News</a> (14)
</li>
    <li style="list-style: none;" class="cat-item cat-item-8"><a href="http://www.bignotch.com/category/stuff-i-like/" title="View all posts filed under Stuff I Like">Stuff I Like</a> (25)
</li>
赞(0)
未经允许不得转载:srcmini » 如何从WordPress中的小部件中删除项目符号

评论 抢沙发

评论前必须登录!