Appliquer les styles du parent dans angular2

Supposons que j'ai un composant avec ce modèle:

<div class="frame">
  <span class="user-defined-text">{{text}}</span>
</div>
<style>
  span { font-size: 3em; }
  .frame { ... }
</style>

Comment puis-je fusionner les styles appliqués à un composant, par exemple

<custom-component [text]="'Some text'">
<style>custom-component { font-weight: bold; }</style>

de sorte que le résultat final "texte" est à la fois audacieux et 3em taille?

Même mieux serait un moyen d'obtenir le calcul des styles pour l'élément hôte, de sorte que, par exemple, je pourrais appliquer le background-color appliquée à l'ordinateur hôte à l' border-color de quelques éléments dans mon template.

source d'informationauteur Soumya | 2016-01-29