祖父母の親クラスでcss3要素を選択

Question

私のサイトに複数の範囲のライダーを実装しています。これはリアルタイムで生成されるコードなので、親の親クラスでいくつかの要素を選択する必要があります。

これはタイムラインクラスは、私は自分自身を設定することができ、最後の一つであり、私はあなたと述べた私の他のスライダーあなたの質問に

Answer 1

を変更せずに.irs-line-rightを編集できるようにするために必要なコードです親要素を介して要素にアクセスしたいなぜこれが必要なのかわかりませんが、確かに可能です。要素のスタイルや属性などをjsで変更することができます。ただし、クラス 'irs-line-right'を使用してスパンのスタイルを変更する必要がある場合は、単にCSSを使用することをお勧めします。私はCSSとJavaScriptの両方でこれを行う方法を示します。

を次のようにあなたが「タイムライン」のdiv（なし他のIDまたはクラス）を参照することにより、「IRS-行右」 のスタイルを変更することができ、CSSで

CSS例

https://jsfiddle.net/2t3w0826/

.timeline > div:nth-of-type(2) > span > span > span > span:nth-of-type(3) 
{ 
    background-color: red; 
} 

Javascriptの例

https://jsfiddle.net/8qceLgw8/

var array_of_all_timelines = document.getElementsByClassName("timeline"); 
for(var loop=0; loop < array_of_all_timelines.length; loop++) 
{ 
    var element_irs_line_right = array_of_all_timelines[loop].children[1].children[0].children[0].children[0].children[2]; 
    element_irs_line_right.style.backgroundColor = "red"; 
};