CSS text-align属性设置无效，无法实现Accordion标题右对齐

• 选择器优先级不足：组件自带的默认样式通常使用层级更高的选择器（比如.ekit-accordion-container .ekit-accordion-title），甚至部分样式会带!important标识，你使用的单类选择器权重低于原有样式，会被直接覆盖。你可以打开浏览器开发者工具，选中对应标题元素查看样式面板，如果你写的规则被划掉，就属于这类问题。
• 选择器和实际元素不匹配：组件渲染完成后，标题元素的实际类名可能和你使用的ekit-accordion-title不一致，比如动态生成了后缀，或者标题文本实际放在类名元素的子节点里，你给父元素设置的对齐规则被子节点的样式覆盖。同样可以通过开发者工具检查元素的实际结构和类名确认。
• 样式加载顺序错误：如果你写的自定义CSS加载时间早于组件的默认样式文件，同优先级下后加载的样式会覆盖先加载的内容，导致你的规则不生效。
• 浏览器缓存问题：浏览器缓存了旧的CSS文件，你新增的样式没有被实际加载，强制刷新页面或者清除站点缓存后再测试即可排查。
• 存在冲突样式：其他位置的CSS规则对该元素或者其父元素设置了影响文本对齐的属性，比如父元素强制text-align: left、设置了direction: ltr等，都会导致你写的规则不生效。

你可以临时给规则加!important测试定位问题：

.ekit-accordion-title {
    text-align: right !important;
}

如果加了之后规则生效，就可以确定是优先级问题，更推荐你通过提升选择器权重（比如按照DOM结构拼接父元素类名）的方式解决，不要滥用!important。

内容的提问来源于stack exchange，提问作者Majid