Html 重写子组件的CSS

我确实覆盖了父组件，即应用程序组件中的

.{
   text-align:center;
}

因此，在这段代码中，只有“color:red”可以正常工作，但我想覆盖的“text align:right”不起作用

谢谢你的帮助 我想覆盖预定义Css的值并添加一些Css…添加Css是可行的，但修改Css值是无效的

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

为我工作

还有其他解决办法吗

为我工作

---

还有其他解决方案吗？

你试过了吗！重要的是…但它不起作用现在我又做了补充！重要的是……它现在起作用了……但我想知道原因……为什么起作用了……你试试看！重要的是…但它不起作用现在我又做了补充！重要的是…它现在起作用了…但我想知道它起作用的原因

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

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