CSSLint / csslint

Automated linting of Cascading Stylesheets
http://csslint.net
Other
4.76k stars 483 forks source link

Brand new to coding and would like some assistance if possible please? #751

Open slarmstrong1 opened 5 years ago

slarmstrong1 commented 5 years ago

The following extract of coding has errors: Expected RBRACE at Line 394 col 18

and warnings: 1) standard property 'box-shadow' should come after vendor-prefixed property -moz-box-shadow 2) standard property 'box-shadow' should come after vendor-prefixed property -webkit-box-shadow

.entry img { background:#fafafa !important; border:1px solid #cdcdcd !important; padding:5px !important; padding-bottom:15px !important; max-width:95%; !important;

    margin:10px;

box-shadow: 0px 2px 6px #666;
-moz-box-shadow: 0px 2px 6px #666;
-webkit-box-shadow: 0px 2px 6px #666;

    }

I am unsure how to fix this or what this means? Thank you for any help you can offer.

JamesRDouglas commented 5 years ago

This error comes from a rule that demands that the standard property should come after the vendor-prefixed property: https://github.com/CSSLint/csslint/wiki/Require-compatible-vendor-prefixes

coliff commented 5 years ago

On a related note, you don't need the vendor-prefixed versions at all anymore. Chrome, Safari and Firefox have supported box-shadow without prefixes for a long time. REF: https://caniuse.com/#search=box-shadow