After running my site through the W3C CSS Validator, I was surprised to see that it returned a total of 3146 warnings.
The majority of these warnings are redefinition alerts, such as:
.fa.fa-check Redefinition of color
.fa.fa-check Redefinition of font-size
.fa.fa-check Redefinition of background-color
.fa.fa-check Redefinition of display
.fa.fa-check Redefinition of height
.fa.fa-check Redefinition of line-height
.fa.fa-check Redefinition of width
.fa.fa-check Redefinition of text-align
This is the CSS script in question:
.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;
}
Despite my efforts, I am unable to determine what changes need to be made to resolve these redefinition warnings.
Based on my research, redefinition warnings typically occur when there is a duplicate definition in the stylesheet. However, I have thoroughly reviewed the code and cannot locate any duplicate definitions.
If anyone has any suggestions or techniques to address this issue, I would greatly appreciate it.