如何修复来自 CSS Validator 的重定义警告？

Question

我刚刚运行我的网站通过了 W3C CSS 验证程序结果总共出现了 3146 条警告。

其中大部分是像这样的重定义警告：

.fa.fa-check    Redefinition of color
.fa.fa-check    Redefinition of color
.fa.fa-check    Redefinition of font-size
.fa.fa-check    Redefinition of font-size
.fa.fa-check    Redefinition of background-color
.fa.fa-check    Redefinition of background-color
.fa.fa-check    Redefinition of display
.fa.fa-check    Redefinition of display
.fa.fa-check    Redefinition of height
.fa.fa-check    Redefinition of height
.fa.fa-check    Redefinition of line-height
.fa.fa-check    Redefinition of line-height
.fa.fa-check    Redefinition of width
.fa.fa-check    Redefinition of width
.fa.fa-check    Redefinition of text-align
.fa.fa-check    Redefinition of text-align

这是脚本：

.fa.fa-check 
{
    color: #81D742;
    font-size: 3em;
    background-color: #F7F7F7;
    border: 2px solid #DCDCDC;
    border-radius: 110px;
    display: inline-block;
    height: 110px;
    line-height: 110px;
    width: 110px;
    text-align:center;
    padding: 0px;
}

我不知道要更改什么才能使这些警告消失。

据我所知，重定义警告通常会出现当样式 sheet 中存在重复定义时，但唯一的问题是我找不到任何重复的定义。

有人有解决此问题的提示或技巧吗？

Answer 1

您的网站中有多个 .fa.fa-check 实例。 css validator 体贴你尝试重新定义 class.

尝试只让你的一个实例 .fa.fa-check classes 它会解决这个 class.

的问题

如何修复来自 CSS Validator 的重定义警告？

How to fix redefinition warnings from CSS Validator?

css

warnings

w3c-validation

redefinition