SVG and CSS properties in the same file

Question

When I put SVG and CSS properties in a single file:

.circle {
    stroke: red;
}

.myArea {
    width: 100%;
}

It works. But is it valid according to the W3C? This code doesn't pass the validation tests of the CSS validator, and I can't find an option "CSS + SVG"...

Answer 1

stroke is a CSS property (supported by all browsers with support for SVG). I think this may just be a case of the validator not having a mode for this. All current browsers already support this kind of stylesheet, since they support svg.