<svg>
   <circle cx="30" cy="30" r="30"> </circle>
   <circle cx="110" cy="30" r="30"> </circle> 
   <rect x="20" y="20"></rect>
  <circle cx="50" cy="40" r="10"> </circle> 
  <circle cx="90" cy="40" r="10"> </circle> 

  
</svg>
svg{
  margin: 10px  10%;
 background: aquamarine;
  width:150px;
  height:100px;
  border: 8px  groove grey;
}

rect{
  width:100px;
  height:50px;
  fill: blue;
  stroke:  brown;
  stroke-width:5px;
}
circle:nth-child(4){/*seleciona el cuarto elemnto*/
  fill:red;
}
circle:nth-child(2){ /*seleciona el 2 elemento*/
  fill:red;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.