如何在iframe的子元素

Question

我有一个javascript，当它找到一个字符串时会改变h1的颜色 - ＆＃34;小时＆＃34;在iframe内部：

var htmlString = $('#listas').contents().find('body').html();
var index = htmlString.indexOf("hours");
var h1Elements = document.getElementsByTagName("h1");

if (index != -1)
    for(var i = 0; i < h1Elements.length; i++) {
   h1Elements[i].style.color = "red";
}

console.log('found')

我想将这个样式表应用于h1的一些子元素：

iframe path:nth-child(3) {
 stroke: red; 
}

仅仅对h1来说似乎并不难，但是当它必须应用到iframe的第四个孩子时，我会感到有点困惑。

是否可以这样做，以及这样做的正确方法是什么？