Inserting :last-child items on the fly

[Alfred Wong]

in css I have this:

last-child: border-bottom none;

in html if you insert a last-child item on the fly, the old last-child's style remains.

[Joseph Pecoraro]

Created attachment 50666 [details]
[SAMPLE] Shows Working as Expected

Alfred, this seems to be working just fine for me. I've attached a sample page which shows the expected behavior.

Are you sure you were using the :last-child pseudo class correctly? The rule you commented was missing braces for a block. It should instead look something like this:

  p:last-child {
    border-bottom: none;
  }

Or more generically (not used in the sample attached, but still works)

  /* Affects the last child of anything
  :last-child {
    border-bottom: none;
  }

[Joseph Pecoraro]

I am closing this as it works as expected for me. If you have a sample case where it is not working as you'd expect, please attached a test case!