title: Angular css style child from parent
body: <p>I've got a question:</p>
  <p>considering the following structure</p>
  <pre><code>&lt;component-parent&gt;
    &lt;first-child&gt;
      &lt;second-child&gt;
        &lt;third-child&gt;&lt;/third-child&gt;
      &lt;/second-child&gt;
    &lt;/first-child&gt;
  &lt;/component-parent&gt;
  </code></pre>
  <p>Now I want to add some css stylings to <code>&lt;third-child&gt;&lt;/third-child&gt;</code>, but from the <code>&lt;component-parent&gt;&lt;/component-parent&gt;</code>s point of view.</p>
  <p>How could I achieve this? I've tried something like this:</p>
  <pre><code>first-child &gt; * &gt; third-child {
    display: flex;
    flex-direction: row;
  }
  </code></pre>
  <p>What am I doing wrong?</p>