Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用正则表达式设置自动生成的html属性的样式_Html_Css_Css Selectors - Fatal编程技术网

使用正则表达式设置自动生成的html属性的样式

使用正则表达式设置自动生成的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) 也不只是针对标签应用程序,

我有一个ionic/angular应用程序,每次自动生成一个带有不同
\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;
}