Html 使用响应式Web设计重新定义警告
通过W3C CSS验证程序运行我的站点时,我会收到许多类似于以下内容的重新定义警告:Html 使用响应式Web设计重新定义警告,html,css,validation,warnings,w3c,Html,Css,Validation,Warnings,W3c,通过W3C CSS验证程序运行我的站点时,我会收到许多类似于以下内容的重新定义警告: .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-shop
.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 only screen and (min-width: 1024px)
.fa.fa-shopping-cart
{
font-size: 4em;
border-radius: 120px;
height: 120px;
line-height: 120px;
width: 120px;
}
对于不同设备的每个@media规则,我为.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 only screen and (min-width: 1024px)
.fa.fa-shopping-cart
{
font-size: 4em;
border-radius: 120px;
height: 120px;
line-height: 120px;
width: 120px;
}
因此我理解为什么我会收到重新定义警告,
但是我想知道是否有可能给元素不同的颜色
不同设备的值,但没有得到这些警告?iMHO,这些警告很好,您可以检查代码中可能出现的错误并加以纠正。你为什么要担心这件事呢?但这些我犯过的错误难道不是应该能够纠正的吗?我总共有3067条警告,其中大部分是重新定义的警告,就像上面的警告一样。清除它们会很好。重新定义属性,比如在媒体查询中,通常是不可避免的&CSS验证器对此的警告可以安全地忽略。因此,基本上不可能在不重新定义的情况下为不同的设备赋予元素不同的值?好的。非常感谢您。iMHO,这些警告很好,您可以检查代码中可能犯的错误并更正。你为什么要担心这件事呢?但这些我犯过的错误难道不是应该能够纠正的吗?我总共有3067条警告,其中大部分是重新定义的警告,就像上面的警告一样。清除它们会很好。重新定义属性,比如在媒体查询中,通常是不可避免的&CSS验证器对此的警告可以安全地忽略。因此,基本上不可能在不重新定义的情况下为不同的设备赋予元素不同的值?好的。非常感谢你。