The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS CSS 3 -webkit pseudo class problem

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
  • #32453


    I am hoping somebody out there can help me solve a pesky little problem I have with one of my new css hack files. Of course as the thread title shows you will need a Webkit browser (Chrome/Safari) to witness the padding problem at the bottom of the page. This page to be precise:

    CSS found here:

    If you scroll down you will see some “mock text.” I put this there temporarily to represent the padding I need removed from in between the Sign Up submit button and “mock text.”

    I have been tearing my hair out all day as I just can’t seem to make this go away. The browsers (Safari-Mac & Chrome-PC) seem to be ignoring my pseudo class altogether:

    article form:nth-of-type(6) {
    margin-bottom: 0px;
    padding-bottom: 0px;

    I have tried last-child as well as nth-last-child.

    I also notice my paragraph pseudo class is acting odd as even though the last paragraph is the 8th child (if you count


    as two) the only way to get results is by marking it 6th:

    article p:nth-of-type(6) {
    margin-bottom: 0px;

    I’m stumped. Computer headache.


Viewing 1 post (of 1 total)
  • The forum ‘CSS’ is closed to new topics and replies.