CSS - Style svg fill with class name

Question

I have a jsfiddle here - http://jsfiddle.net/morettmt/v7mx737w/2/

I can chnage the fill color by styling the grouping

Is there a way to add my own class to the s

Answer 1

If you want to have the class in the SVG you'll have to do something like this

.play-triangle>g {
  fill: red;
}