Один из угловых родителей нуждается в другом стиле, чем дочерний компонент, это влияет на другие родительские компоненты

Question

У меня есть дочерний компонент с 3 родительскими компонентами, где только одному из родителей нужен другой стиль. Один и тот же компонент используется в 3 компонентах.

    child.component div has a class
    #class {
    color:blue}

    parent-three.component {
    color:green}

    if I use host/deep, parent-three affecting rest as well, thanks in advance.

    Child component
    html
    <input id="phone">
    styles
    #phone
    { width: 60;}

    parent-three component
    /deep/ #phone {
        width: 100 !important;
    } 

    this affecting other parent components