Databases
StackOverflow2013
Postsdbo
POStyling the last 5th li in my list
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POStyling the last 5th li in my list
    primarykey
    data
    text
    <p>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.</p> <h3>HTML</h3> <pre><code>&lt;div class="home"&gt; &lt;p&gt;&lt;/p&gt; &lt;h4&gt;&lt;li&gt;&lt;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"&gt;&lt;span class="wp-super-faq-triangle"&gt;▶&lt;/span&gt; …Earn an Extra £750* for your static, Genuine Additional Bonus!!!”&lt;/a&gt;&lt;/li&gt;&lt;/h4&gt; &lt;div class="wp-super-faq-answer" id="wp-super-faq-question--0-answer" style="zoom: 1; display: none;"&gt;Enter answer here&lt;/div&gt; &lt;h4&gt;&lt;li&gt;&lt;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"&gt;&lt;span class="wp-super-faq-triangle"&gt;▶&lt;/span&gt; “…You want to sell your static FAST and for as much as possible.”&lt;/a&gt;&lt;/li&gt;&lt;/h4&gt; &lt;div class="wp-super-faq-answer" id="wp-super-faq-question--1-answer" style="zoom: 1; display: none;"&gt;Enter answer here&lt;/div&gt; &lt;h4&gt;&lt;li&gt;&lt;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"&gt;&lt;span class="wp-super-faq-triangle"&gt;▶&lt;/span&gt; “…85% of customers received more money by using us.”&lt;/a&gt;&lt;/li&gt;&lt;/h4&gt; &lt;div class="wp-super-faq-answer" id="wp-super-faq-question--2-answer" style="zoom: 1; display: none;"&gt;Enter answer here&lt;/div&gt; &lt;h4&gt;&lt;li&gt;&lt;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"&gt;&lt;span class="wp-super-faq-triangle"&gt;▶&lt;/span&gt; “…We have over 98% customer satifaction.”&lt;/a&gt;&lt;/li&gt;&lt;/h4&gt; &lt;div class="wp-super-faq-answer" id="wp-super-faq-question--3-answer" style="zoom: 1; display: none;"&gt;Enter answer here&lt;/div&gt; &lt;h4&gt;&lt;li&gt;&lt;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"&gt;&lt;span class="wp-super-faq-triangle"&gt;▶&lt;/span&gt; …Last year we spent over £1million buying Static Caravans&lt;/a&gt;&lt;/li&gt;&lt;/h4&gt; &lt;div class="wp-super-faq-answer" id="wp-super-faq-question--4-answer" style="zoom: 1; display: none;"&gt;Enter answer here&lt;/div&gt; &lt;p&gt;&lt;/p&gt; &lt;/div&gt; </code></pre> <h3>CSS</h3> <pre><code>.home li { list-style:url(../images/fact.png); } .home h4 li:nth-child(5) { padding-top:20px } </code></pre> <p><strong><a href="http://jsfiddle.net/7ky4z/1/" rel="nofollow">JSFiddle Link</a></strong></p> <p>Many Thanks</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USMadara Uchiha
    1. USuser2478101
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POStyling the last 5th li in my list
      1. This table or related slice is empty.
      1. VTUpMod
    1. COWhy do you put a `li` tag inside a `h4` tag? That's no valid HTML! When I validated your HTML in the W3C Validator, I got this error 5 times: `Element li not allowed as child of element h4 in this context. (Suppressing further errors from this subtree.)` A `li` tag must be an element of a `ul` or `ol` list!
      singulars
      1. POStyling the last 5th li in my list
      1. USProgramFOX
    2. COI understand, but this isn't the issue here please keep it on topic.
      singulars
      1. POStyling the last 5th li in my list
      1. USuser2478101
    3. COYour HTML is totally wrong and that's why your CSS is not working. `CSS Pseudo-classes` does not work on such HTML. It requires proper formatting like this http://jsfiddle.net/7ky4z/8/ P.S @ProgramFOX was on the topic.
      singulars
      1. POStyling the last 5th li in my list
      1. USMangesh Parte
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload