css - WordPress 类别不使用 CSS

Question

我正在尝试为我的布局设置类别列表的样式，但出于某种原因，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>

如有任何帮助，我们将不胜感激!

Answer 1

您选择的 ul 是 .post-categories 的后代。您可以使用 ul.post-categories，而不是使用 .post-categories ul，它会选择具有 类的 ul 元素。后分类。这适用于给定的 HTML 结构。

更新的 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);
}