我在将样式覆盖应用于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;
}
- 身份证有误
- 你需要两种风格
#categoryposts-3 ul {
background-image: none;
list-style: none;
}
#4在CSS中使用!important关键字, 如下所示:
li{
list-style:none !important;
}
#5【如何从WordPress中的小部件中删除项目符号】下面的代码从列表中删除项目符号。
<
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>
推荐阅读
- 如何删除WordPress博客文章上的作者姓名()
- 如果slug在WordPress中动态更改,如何重定向到另一页
- 如何从前端正确使用wp_editor()
- 如何在Visual Composer中制作全角背景选项
- 如何合并在wordpress中单独管理的两个菜单以在前端主题中显示为一个()
- Windows Server Core 2022--安装AD DS和AD CS证书服务
- #私藏项目实操分享#Vue中如何合理地使用watch
- 拉勾Linux运维实战训练营
- Gitlab做java的docker CI