There is a header block at the bottom of this menu block. The task is to remove the frame at the bottom of the block where the menu is, and where the menu ends the frame should remain.

For example, pay attention to the lower menu on the right (old new ones) on the opposite of where it is indicated how many answers were received to the question

Here is a part of the css code:

 #header { background:#DCDCDC; height:157px; border-bottom:grey 1px inset; } #menu1 { position:relative; top:1px; } #menu1 ul { list-style:none; } #menu1 li { list-style:none; display:block; float:left; background:#DCDCDC; height:30px; line-height:30px; border-width:0 2px 0 2px; padding:0px 5px 0 5px; } #menu1 li a { color:grey; } #menu1 li:hover { border-top:inset 1px #DCDCDC; border-left:inset 1px #DCDCDC; border-right:inset 1px #DCDCDC; background:white; } #menu1 li.carent { border-top:inset 1px #DCDCDC; border-left:inset 1px #DCDCDC; border-right:inset 1px #DCDCDC; background:white; }

    1 answer 1

    If you mean that all elements of foo except the last should be without a lower bound, then so:

     .foo {border-bottom: 0} .foo:last-child {border-bottom: 1px}

    If you mean that all elements of foo inside the bar block must be without a border, and outside the bar block with a border, then this is how:

     .foo {border-bottom: 1px} #bar .foo {border-bottom: 0}