Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS SVG Site Update

Shaun Russell
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Shaun Russell
Front End Web Development Techdegree Graduate 18,510 Points
Posted by Shaun Russell
.a{fill-rule:evenodd;}techdegree seal-36
Shaun Russell
Front End Web Development Techdegree Graduate 18,510 Points

I am having a problem with CSS validation concerning the "fill" property

I am altering styles of an SVG I added inline(into the HTML) from an external style sheet. When running my CSS through the W3C CSS validator, I recieve an error stating that the fill property does not exist. Is this something I need to be concerned with before turning in my project. I read the problem could be solved by adding my styles inline but I would rather not do that.

1 Answer

Craig Watson
Craig Watson
27,930 Points

Hi Shaun,

"fill" is a common property as far as SVG is concerned, however using fill with your CSS may not quite be a web standard yet which could be throwing up the error. I have used it multiple times with no issues at all and there is posts all over the web explaining how to use it so I think its good to go :)

Craig