Disallow duplicate properties

Rule from css under compatibility category

What is a trooper!

we have submitted your edit to the community for review! We'll review and make it live on the site in the next few hours, the internet thanks you :).

Browse another section of the knowledge base



Suggest an edit

Cancel

This rule has no content... yet.

Add content to this rule

Or just browse to view rules that have content



 

A block in a stylesheet may have zero or more declarations. While syntactically correct, duplicate declarations add unnecessary size to a stylesheet and can increase interpretation time. Instances can occur where duplicate declarations are needed, for instance when supporting multiple browsers with varying levels of support for a given property.

.an .element {

    /* this is not valid */
    color: red;
    background-color: crimson;
    color: blue;

    /* this is valid */
    color: rgb(255, 255, 255);
    color: rgba(255, 255, 255, 1);
}

How do I fix this ?

Check all stylesheets for the presence of two or more identical properties in any selector block and remove the one that is unneeded or erroneous.

Resources

Browse another section of the knowledge base



Signup icon
Ready to see how well your site scores?

Passmarked works best when you have an account. It allows you to keep a dashboard with saved data of the sites you have run through the system, we’ll alert you about important updates and you get access to the Passmarked Slack forum.

Sign up to get started