wordpress - Styling the last 5th li in my list -


i'm running website on wordpress , list generated plugin, can't seem change of styling on 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 £750* static, genuine additional bonus!!!”" rel="question"><span class="wp-super-faq-triangle">▶</span> …earn £750* 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 sell static fast , as possible.”" rel="question"><span class="wp-super-faq-triangle">▶</span> “…you want sell static fast , 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 using us.”" rel="question"><span class="wp-super-faq-triangle">▶</span> “…85% of customers received more money 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 on 98% customer satifaction.”" rel="question"><span class="wp-super-faq-triangle">▶</span> “…we have on 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 spent on £1million buying static caravans" rel="question"><span class="wp-super-faq-triangle">▶</span> …last year spent on £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 } 

jsfiddle link

many thanks

the issue li isn't n'th child, each within <h4> element. if use :

.home h4:nth-child(10) li {padding-top: 20px;} 

this should resolve problem


Comments

Popular posts from this blog

assembly - 8086 TASM: Illegal Indexing Mode -

Java, LWJGL, OpenGL 1.1, decoding BufferedImage to Bytebuffer and binding to OpenGL across classes -

javascript - addthis share facebook and google+ url -