I teach classes on SVG, and CSS is one of the toughest parts. The distinction between styles and attributes seems very arbitrary in SVG. There are many layers of inconsistency. Compare text-align for HTML and text-anchor for SVG:

    text-align: left | center | end | justify
    text-anchor: start | middle | end