Категории 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. Вместо использования .post-categories ul вы должны использовать ul.post-categories, который выбирает элемент ul с классом .post-categories. Это работает для данной структуры 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); 
}