我正在尝试为我的布局设置类别列表的样式,但出于某种原因,wordpress 生成的列表没有采用我的 CSS。
相关代码如下:
CSS:
.post-categories ul {
margin-left: 0;
padding-left: 0;
display: inline;
}
.post-categories ul li {
margin: 0 5px 0 0;
padding: 3px 5px;
border: 2px solid rgb(253,22,66);
list-style: none;
display: inline;
color: rgb(253,22,66);
}
WordPress PHP:
<?php echo get_the_category_list(); ?>
生成:
<ul class="post-categories">
<li><a href="http://noellesnotes.com/category/music/" title="View all posts in Music" rel="category tag">Music</a></li>
<li><a href="http://noellesnotes.com/category/thoughts/" title="View all posts in Thoughts" rel="category tag">Thoughts</a></li>
</ul>
如有任何帮助,我们将不胜感激!
最佳答案
您选择的 ul
是 .post-categories
的后代。您可以使用 ul.post-categories
,而不是使用 .post-categories ul
,它会选择具有 类的
。这适用于给定的 HTML 结构。ul
元素。后分类
更新的 CSS - EXAMPLE HERE
ul.post-categories {
margin-left: 0;
padding-left: 0;
display: inline;
}
ul.post-categories li {
margin: 0 5px 0 0;
padding: 3px 5px;
border: 2px solid rgb(253,22,66);
list-style: none;
display: inline;
color: rgb(253,22,66);
}
关于css - WordPress 类别不使用 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21212705/