css - Last child border not showing -


I select the selectors first-child and last-child I am going to apply the rounded corners to an unordered list

The problem I am facing is that the border of the right hand of the previous list is not being displayed.

I define the boundaries in this way:

  Border: 1px solid hotpank; Border-right: 0;   

To prevent a double border by connecting the right hand limit to 0, then in the last-child I border-right Width of one

But this is leaving me without the right hand limit on the last child and I am sure why, as you can see below:

  Ul, li {margin: 0; Padding: 0; }. Menu {width: 90%; Margin: 0 auto; Height: 30px; List style: none; }. Menu Lee {box-size: border-box; Display: Inline-block; Border: 1 px solid hotpunk; Border-right: 0; Padding: 0 0.5 AM; }. Menu Lee: First child {border-top-left-radius: 5px; }. Menu Lee: The last child (border-top-right-radius: 5 pixels; border-right: 1px;}   

instead of using the border-right: 0; to you border-right-width: 0; And use the : last-baby selector, you have to use it

 . Menu menu: last child (border-top right-radius: 5px; border The problem is that when you  border-right: 0;  code> Use, size, type and color too, so if you use  border-right-width: 1px; , then this will not work, so you'll see the  border-right -Width should be used: 0;  for  .menu li  also.   

Comments

Popular posts from this blog

Pass DB Connection parameters to a Kettle a.k.a PDI table Input step dynamically from Excel -

multithreading - PhantomJS-Node in a for Loop -

c++ - MATLAB .m file to .mex file using Matlab Compiler -