Как исправить предупреждения переопределения из CSS Validator?

Question

Я только что запустил свой сайт с помощью W3C CSS Validator , и он выпустил в общей сложности 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; 
} 

Я не могу понять, что нужно изменить для этих предупреждений пропадают.

Из того, что я прочитал, предупреждение переопределения обычно появляется , когда есть дубликат определение в таблице стилей, , но единственной проблема в том, что я не могу найти какие-либо повторяющиеся определения.

Есть ли у кого-нибудь советы или рекомендации, чтобы исправить это?

Answer 1

У вас есть несколько экземпляров .fa.fa-check на вашем сайте. валидатор css учитывает, что вы пытаетесь переопределить класс.

Попробуйте указать только один экземпляр классов .fa.fa-check yout, и он решит проблему одного класса.