Prefix样式前缀

2024-07-03 21:57:04首发，1周前更新

AXUI的css样式是使用`_`前缀作为命名空间的，他应该为私有或独有的特殊字符，用户不应该再使用该字符来写css样式；该前缀可通过powershell文件批量修改，修改之后重新打包即可。

前言

为了避免全局污染，AXUI的css样式类和css变量使用_短下划线作为命名空间，所以你会看到AXUI的css文件会有以下命名方式：

 
._alert{}
--_alert-w:40rem;

使用_短下划线开头表示该样式私有，专属于AXUI，用户不能再拿该前缀定义样式类。如果用户的项目与AXUI深度融合了，希望保持统一的代码风格，则可以将_替换成用户的专属前缀，除了-和_两个css文件允许的特殊字符外，可以是其他英文字母或其他特殊字符。

需要注意的是，在css文件中，唯二合法的特殊字符是-和_，如果需要使用其他特殊字符则需要进行转义处理，举例说明如下：

 
//在css中"+"的转义方法是："\+"
<style>
  .\+btn{}
</style> 
<span class="+btn"></span>

批量替换前缀

如果AXUI的命名规则与您的项目有冲突，或者希望自定义前缀，使用其他文本替换工具，对css文件执行_字符替换即可。

如果您已经获得src文件，那么AXUI所有的样式源文件放在src/styles目录下，里面有less和相应的css文件；您可以使用自定义脚本对less文件中的_字符进行批量替换。

如果需要获得src工程文件和批量替换工具，可挪步到资源下载栏目。