css内的目标边框样式

时间:2014-11-05 14:42:28

标签: css responsive-design styling

...没关系

我想知道是否可以定位一个类内的边框样式。

我想这样做,以便在调整浏览器窗口大小时隐藏边框或显示:none。

我的代码示例:

<div id="chuck" class="descr-text col-lg-6 col-md-6 col-sm-4">
some content goes here
</div>

我的css

.descr-text {
display:none;}

@media screen and (max-width: 991px){
border-right.img_beef{
    display:none;
}
}

我知道我可能只是将它包装在另一个div中然后在窗口达到那个大小时将其定位,但我想知道是否有更简洁的方法可以做到这一点。

1 个答案:

答案 0 :(得分:0)

由于您的班级名称与您的标记不匹配,因此很难完全破译您想要的内容。但是如果你想要在到达某个断点时隐藏边框:

.chuck {
  border: 2px solid #BADA55;
}

@media screen and (max-width: 991px) {
  border: 0;
}