匿名のネストされた子要素を選択するにはどうすればよいですか？

Question

私は "element-group"にネストされた3つの匿名の子を持っており、私は個々の子要素内のrectの色を個別に変更する必要があります。残念ながら、私はCSS内の特定の子要素を選択する方法がありません。なぜなら、各子は一意のIDを持たないからです。これはあらかじめ生成されたコードであり、CSSを使用して強制的にオーバーライドするので、個々の子要素を個別に変更するために各要素に特定のIDを追加するだけではなりません。

どの子供が一意のIDを持たない場合でも、このグループ内の各子要素をCSSで個別に選択するにはどうすればよいですか？

<g class="element-group"> 
    <g class="element"> 
     <rect class="element-shape bundle-shape" 
     x="101.778125" 
     width="131" 
     y="36.44939999999999" 
     height="138.5466" 
     style="fill: rgb(230, 204, 102); 
     stroke-width: 0px; 
     stroke: rgb(0, 128, 128);"> 
     </rect> 
    </g> 

    <g class="element"> 
     ... 
    </g> 

    <g class="element"> 
     ... 
    </g> 
</g> 

Answer 1

ないあなたが正確に何をしたいのか確認してください、それはCSSの特定だ場合は、nth-childセレクター使用することができます：あなたはJSの話をしているなら、あなたが使用することができます

.element:nth-child(2) {...} // replace 2 with whatever index you want. 

を：

var elements = document.getElementsByClassName('element'); 
console.log(elements[2]); // replace 2 with whatever index you want.