ITXST.COM

css相邻元素间的样式写法,三个div中间间隔颜色

css相邻元素间的样式写法,三个div中间间隔颜色的写法,我们在写CSS时间经常遇到以下情况:

我们需要的是C元素那根红线去掉,A,B两个右边框红色保留,实现代码如下:

<div class="item">
  A
</div>
<div class="item">
  B
  </div>
 <div class="item">
   C
</div>
<style>
  .item{
  height:60px;
  width:60px;
   float:left;
    border:solid 1px #ddd;
    text-align:center;
    
  }
  .item+.item{
   border-left:solid 1px red;
  }
</style>