Question

通过W3C CSS Validator运行我的网站时，我收到了很多类似的重新定义警告：

.fa.fa-shopping-cart    Redefinition of font-size
.fa.fa-shopping-cart    Redefinition of height
.fa.fa-shopping-cart    Redefinition of line-height
.fa.fa-shopping-cart    Redefinition of width

.fa.fa-shopping-cart的脚本如下所示：

.fa.fa-shopping-cart 
{
    color: #81D742;
    background-color: #F7F7F7;
    border: 2px solid #DCDCDC;
    display: inline-block;
    text-align:center;
    padding: 0px;
}

.fa.fa-shopping-cart:hover 
{
color: #7BAE23
}

对于不同设备的每个@media规则，我已经为.fa.fa-shopping-cart添加了不同的值：

@media only screen and (min-width: 1024px)
.fa.fa-shopping-cart
{
    font-size: 4em;
    border-radius: 120px;
    height: 120px;
    line-height: 120px;
    width: 120px;
}

因此，我理解为什么我会收到重新定义警告，但是我想知道是否可以给出不同的元素没有获得这些警告的不同设备的值？

通过响应式网页设计重新定义警告

0 个答案: