Edit the css of a cross domain iframe that is inside an internal iframe
<p>I checked the (many) questions asked here about editing the CSS of an iframe, and I was able to edit other iframes that come from our own site, but this is quite different. </p>

<p>I have an iframe (hosted on the same site) that creates some HTML elements and then calls a cross domain iframe to display a game (inside it). </p>

<p>So far I have been able to freely edit the internal iframes by using jquery .contents() and .find() function:</p>

<pre><code>var first-iframe =  $('#iframeid').contents();
first-frame.find('.to-modify').css('blabla','10);
</code></pre>

<p>The <a href="https://api.jquery.com/contents/" rel="noreferrer">contents</a> allows me to .find() any element inside the iframe and modify the css. The problem comes when I have the second, cross domain iframe. </p>

<p>The first .contents() doesn't seem to give me access to the second iframe, and I'm unsure if doing a queued call works. I tried something like this: </p>

<pre><code>first-iframe.find('#second-Iframe').contents();
</code></pre>

<p>But that doesn't seem to work either. I read many other options to edit css, but most of them don't work with cross domain iframes. </p>

<p>Sorry for not providing any code, it contains some sensible logic. I hope I made my issue clear enough.</p>