删除多行＆amp;在一行后显示单行

Question

我们可以在下面的图像中看到2行，我们在一行后面有5-6条水平线。

我想隐藏所有这些线条＆amp;想要在一行之后显示单行，如下所示

#shopping-cart-table .a-center {
    color: #000;
    font-weight: normal;
    font-size: 14px;
}

#cart2 {
    position: relative;
    right: 40px;
}

.cart-table thead th, .cart-table tbody td {
    background-color: transparent;
    padding: 10px 5px;
    font-family: 'Roboto Condensed', sans-serif;
}

Answer 1

试试这个css

.cart thead {
    background: #fff url("../images/product_view_line.png") no-repeat scroll 0 31px / 1250px 1px;
    box-shadow: 3px -3px 3px #ccc;
    padding-bottom: 13px !important;
}

Answer 2

只需将现有的CSS更改为低于css。

  @media only screen and (min-width: 1224px){
.cart thead {
    background: #fff;
    box-shadow: 3px -3px 3px #ccc;
    padding-bottom: 13px !important;
    border-bottom: 1px solid #ccc;}
  }