覆盖子组件的 CSS

Question

<div class="app-component">
   <child class="test">{{name}}</child>
</div>

和我的 CSS styles 在孩子 class

.{
   text-align:center;
}

我确实在父组件中覆盖，即在应用程序组件中为

:host /deep/ .test{
       text-align:right;
        color: red;
     }

所以在这段代码中只有“颜色：红色”工作正常，但我想覆盖的“文本对齐：右”不起作用

Any help is appreciated i want to override the values of predefined Css and add some css also...adding CSS is working but modifying the CSS value is not working

Answer 1

:host /deep/ .test{
       text-align:right !important; 
        color: red;
     }

为我工作..

任何其他解决方案？