Здравствуйте, на сайте выводятся блоки из категорий, блок за блоком идут, в одном ряду три блока, так вот бордер по правую сторону блока, как в третьем в ряду блоке убрать бордер?
Как все это выглядит смотрите скрин.
Все блоки обернуты в div
.blglall {
margin-left: 76px;
width: 950px;
margin-top: 30px;
}
.blglall > div{
border-right: 2px solid #C0B995;
}
Таким способом я у всех дивов что входят в данный див blglall, я делаю по правую сторону border, blglall > div.
Css блоков.
.blgl {
width: 264px;
height: 355px;
padding-right: 25px;
padding-left: 25px;
margin-bottom: 30px;
position: relative;
display: inline-block;
float: left;
}
.blglimg{
margin: 0 auto;
padding: 0;
width: 264px;
height: 150px;
text-align: center;
overflow: hidden;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.blglimg a {
width: 264px;
height: 150px;
display: block;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
overflow: hidden;
}
.blglimg img{
opacity:1; -moz-opacity:1; filter:alpha(opacity=100);
transition: opacity 200ms linear 0ms, ;
transition-property: opacity;
transition-duration: 200ms;
transition-timing-function: linear;
transition-delay: 0ms;
}
.blglimg img:hover{
opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=500);
transition: opacity 200ms linear 0ms, ;
transition-property: opacity;
transition-duration: 200ms;
transition-timing-function: linear;
transition-delay: 0ms;
}
.blglti h2{
font-size:14px;
color: #212121;
font-weight:600;
text-transform: uppercase;
margin: 20px 15px 15px 15px;
text-align: center;
}
.blglopis {
margin:0px 5px 22px 5px;
color: #492F1E;
height: 90px;
overflow: hidden;
text-overflow: ellipsis;
}
.blglopis h3{
color: #492F1E;
height: 90px;
padding:0;
margin:0;
font-size:14px;
font-weight:400;
display:table-cell;
vertical-align:middle;
text-align: center;
}
