使用正则表达式设置自动生成的html属性的样式
我有一个ionic/angular应用程序,每次自动生成一个带有不同使用正则表达式设置自动生成的html属性的样式,html,css,css-selectors,Html,Css,Css Selectors,我有一个ionic/angular应用程序,每次自动生成一个带有不同\ngcontent属性的自定义标签元素,例如: <tag _ngcontent-hgr-c2>...</tag> (1st refresh) <tag _ngcontent-agj-c7>...</tag> (2nd refresh) <tag _ngcontent-cfx-c5>...</tag> (3rd refresh) 也不只是针对标签应用程序,
\ngcontent
属性的自定义标签
元素,例如:
<tag _ngcontent-hgr-c2>...</tag> (1st refresh)
<tag _ngcontent-agj-c7>...</tag> (2nd refresh)
<tag _ngcontent-cfx-c5>...</tag> (3rd refresh)
也不只是针对标签应用程序,例如:
tag {
color: red !important;
}
根据答案,CSS中有某种正则表达式,但它只能应用于属性的值,而不能应用于属性本身。同样的,因为Angular创建了自定义属性,我担心用正则表达式很难实现
如果要设置标记的样式,如第二个示例中所示,可以通过在全局style.scss
中定义其样式来实现。这不是最好的解决方案,但应该有效
这最近帮助我理解了样式ecapsulation背后的想法。根据答案,CSS中有某种正则表达式,但它只能应用于属性的值,而不能应用于属性本身。同样的,因为Angular创建了自定义属性,我担心用正则表达式很难实现
如果要设置标记的样式,如第二个示例中所示,可以通过在全局style.scss
中定义其样式来实现。这不是最好的解决方案,但应该有效
这最近帮助我理解了样式ecapsulation背后的想法。不幸的是,CSS中没有对属性名称的通配符支持
如果您可以访问生成自定义标记的应用程序代码,则应向这些元素添加类(如果应用程序支持)
另请参见。不幸的是,CSS中没有对属性名称的通配符支持
如果您可以访问生成自定义标记的应用程序代码,则应向这些元素添加类(如果应用程序支持)
另请参见。\b\u ngcontent-\w\w-\w\d\b
-这对您有用吗?@rootkonda否-我想我需要以另一种方式来处理此问题。不过,感谢上面的正则表达式,它本身是正确的,只是没有解决这个问题。\b\u ngcontent-\w\w-\w\d\b
-这对你有用吗?@rootkonda不-我想我需要用另一种方式来解决这个问题。不过,感谢上面的正则表达式,它本身是正确的,只是没有解决这个问题
tag {
color: red !important;
}