Home/ Questions/Q 4062218
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T15:34:16+00:00

I’m doing this page that is made for the user to interact with the

  • 0

I’m doing this page that is made for the user to interact with the page and it’ll have a list of pages that the user will determinate. So this list will be display in a div as an unordered list

  • about
  • location
  • runaway

    • and will have a random number of li’s that will depend on the user.
    I want the list to have between the items a line, but in the last li in the bottom should not have any line and in the first in the top eather.

    It should look like

                                     about

                                    location

                                    runaway

    in my css I have:

    li { border-bottom: 1px solid rgba(255,255,255,0.6); padding-bottom: 5px;}

    anyone knows how to do this?
    thanks!

    Share

    Leave an answer

    You must login to add an answer.

    Need An Account,

    1 Answer

    1. Editorial Team

      How about using this jQuery to apply the css class?

      $('li:not(:last)').addClass('test');

      find an example here:

      http://jsfiddle.net/umupX/7/

      Note: I’ve tried to use the css supplied by you. It seems to be failing in IE8 due to unsupported ‘rgba’
      Note2: I’ve tested the above in IE, Chrome and Firefox successfully (I would have prefered a pure css solution http://jsfiddle.net/8NZ2s/ but that one was failing in IE8)

      • 0