title: Edit the css of a cross domain iframe that is inside an internal iframe
body: <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>