WordPress类别不挑选CSS

时间:2014-01-19 03:03:30

标签: css wordpress

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

非常感谢任何帮助!

1 个答案:

答案 0 :(得分:1)

您选择的ul.post-categories的后代。您可以使用.post-categories ul代替使用ul.post-categories,而ul选择带有.post-categories类的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); } 元素。这适用于给定的HTML结构。

更新了CSS - EXAMPLE HERE

{{1}}