I’m running this website on wordpress and the list is generated by a plugin, however I can’t seem to change anything any of the styling on the last li tag.
HTML
<div class="home">
<p></p>
<h4><li><a class="wp-super-faq-question-closed" id="wp-super-faq-question--0" href="http://www.statics-wanted.co.uk/statics4cash/?wp_super_faq=earn-an-extra-750-for-your-static-genuine-additional-bonus" title="â¦Earn an Extra £750* for your static, Genuine Additional Bonus!!!â" rel="question"><span class="wp-super-faq-triangle">â¶</span> â¦Earn an Extra £750* for your static, Genuine Additional Bonus!!!â</a></li></h4>
<div class="wp-super-faq-answer" id="wp-super-faq-question--0-answer" style="zoom: 1; display: none;">Enter answer here</div>
<h4><li><a class="wp-super-faq-question-closed" id="wp-super-faq-question--1" href="http://www.statics-wanted.co.uk/statics4cash/?wp_super_faq=you-want-to-sell-your-static-fast-and-for-as-much-as-possible" title="ââ¦You want to sell your static FAST and for as much as possible.â" rel="question"><span class="wp-super-faq-triangle">â¶</span> ââ¦You want to sell your static FAST and for as much as possible.â</a></li></h4>
<div class="wp-super-faq-answer" id="wp-super-faq-question--1-answer" style="zoom: 1; display: none;">Enter answer here</div>
<h4><li><a class="wp-super-faq-question-closed" id="wp-super-faq-question--2" href="http://www.statics-wanted.co.uk/statics4cash/?wp_super_faq=85-of-customers-received-more-money-by-using-us" title="ââ¦85% of customers received more money by using us.â" rel="question"><span class="wp-super-faq-triangle">â¶</span> ââ¦85% of customers received more money by using us.â</a></li></h4>
<div class="wp-super-faq-answer" id="wp-super-faq-question--2-answer" style="zoom: 1; display: none;">Enter answer here</div>
<h4><li><a class="wp-super-faq-question-closed" id="wp-super-faq-question--3" href="http://www.statics-wanted.co.uk/statics4cash/?wp_super_faq=we-have-over-98-customer-satifaction" title="ââ¦We have over 98% customer satifaction.â" rel="question"><span class="wp-super-faq-triangle">â¶</span> ââ¦We have over 98% customer satifaction.â</a></li></h4>
<div class="wp-super-faq-answer" id="wp-super-faq-question--3-answer" style="zoom: 1; display: none;">Enter answer here</div>
<h4><li><a class="wp-super-faq-question-closed" id="wp-super-faq-question--4" href="http://www.statics-wanted.co.uk/statics4cash/?wp_super_faq=last-year-we-spent-over-1million-buying-static-caravans" title="â¦Last year we spent over £1million buying Static Caravans" rel="question"><span class="wp-super-faq-triangle">â¶</span> â¦Last year we spent over £1million buying Static Caravans</a></li></h4>
<div class="wp-super-faq-answer" id="wp-super-faq-question--4-answer" style="zoom: 1; display: none;">Enter answer here</div>
<p></p>
</div>
CSS
.home li {
list-style:url(../images/fact.png);
}
.home h4 li:nth-child(5) {
padding-top:20px
}
Many Thanks
The issue is that the li isn’t the n’th child, they are each within a
<h4>
element. if you use :This should resolve the problem
you can create a css class as
and apply it on your last list item.