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>