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，它使用類.post-categories選擇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); 
}