How to change the style of individual components of an SVG path?

Question

The following code assigns the colour green to all the three lines of the SVG path.

<svg height="210" width="400">
          <path d="M 150 0 
                   L 75 200 
                   L 225 200  
                   L 150 0"
                fill ="none" stroke="green" stroke-width="3" />
       </svg>

Answer 1

In this case the solution would be using 3 different lines:

<svg height="210" width="400">
  <g stroke-linecap="round" stroke-width="3" >
      <path d="M 150 0 
               L 75 200" stroke="green"/> 
      <path d="M75 200
               L 225 200" stroke="gold"/>  
      <path d="M225 200
               L 150 0" stroke="red"/>
   </g>
 </svg>