title: Styling a Twitter feed - CSS won't target .timeline-Tweet-text
body: <p>I'm bringing a Twitter feed through to my site using the following code which is described on <a href="https://publish.twitter.com/" rel="noreferrer">https://publish.twitter.com/</a></p>
  
  <pre><code>&lt;a class="twitter-timeline" href="https://twitter.com/ACCOUNT-HERE" data-tweet-limit="3"&gt;Tweets by&lt;/a&gt; 
  &lt;script async src="//platform.twitter.com/widgets.js" charset="utf-8"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>The feed is displayed correctly. However it uses CSS which is provided via Twitter.</p>
  
  <p>When I inspect it using Chrome dev tools I can see the following classes around the Tweets:</p>
  
  <pre><code>&lt;p class="timeline-Tweet-text" lang="en" dir="ltr"&gt;
  </code></pre>
  
  <p>So I thought it would be a simple case of targetting this in CSS, e.g.</p>
  
  <pre><code>.timeline-Tweet-text {
  }
  </code></pre>
  
  <p>However, this doesn't apply any styles to the Tweets. Why not?</p>
  
  <p>I have also referred to Twitters guidance on this here <a href="https://dev.twitter.com/web/overview/css" rel="noreferrer">https://dev.twitter.com/web/overview/css</a> but that also doesn't work.</p>
  
  <p>The only reason I want to do this is so the font used within the widget matches the font used by the rest of the <code>body</code> text on my website.</p>