title: Style child component differently when it is in different parent components
body: <p>In an Angular 5 application, I want to style the child  slightly different when it is inside different parent component list below.<br><br>
  E.g red background for card under listing component<br>
  green background for card under listing detail component<br></p>
  <p>I want to know if I can do it through scss in the child component? Because I think it would be easier to trace when doing it inside the child component itself.</p>
  <pre><code>&lt;listing&gt;
    &lt;card /&gt;
  &lt;listing/&gt;
  &lt;listingDetail&gt;
    &lt;card /&gt;
  &lt;/listingDetail&gt;
  </code></pre>
  <p>Thanks.</p>