如何针对方括号指令变量CSS样式

我正在执行来自的以下指令。但我无法将元素[指令]定向到样式

对于一个简单属性，您可以像以下示例一样从中选择目标：

输入[类型=文本]{
宽度：100px；
-webkit过渡：宽度.35s，易于输入输出；
过渡：宽度。35s缓进缓出；
}
输入[类型=文本]：焦点{
宽度：250px；
}

---

搜索：

我想你不能这么做。您应该改为使用ngClass：

测试

---

有两种方法可以添加、删除类，甚至更改类

<a[ngClass]="{'tested-class': condition }">testing</a>

 Or   
<a[ngClass]="[condition? 'tested-class-a': 'tested-class-b any-other']">testing</a>

测试
或
测试

你不能这样分配一个css类和目标吗？@Morpheus我打算让它成为一个全局样式。因为我是在共享模块中声明指令的，所以它可以很容易地使用。我会考虑为NgClass添加一个自定义变量，以检查指令布尔值。如果没有别的办法。

<a[ngClass]="{'tested-class': condition }">testing</a>

 Or   
<a[ngClass]="[condition? 'tested-class-a': 'tested-class-b any-other']">testing</a>