修改框架样式的可行性？

Question

最近准备优化公司的网页框架的样式，网页是用的extjs加上vb做的网页，原本用的是ext框架自带的样式，最近公司准备优化一下界面风格，ext这个框架（我看代码后的感受）高度集成而且内部封装，很难自己添加或者修改dom节点（不得不吐槽ext框架的扩展性太差）。

所以只能通过修改css覆盖的形式，通过f12打开控制台找到节点的class样式，通过选择器一层一层的选择，然后添加样式，在这个过程中遇到了很多困难，比如：这个框架中很多布局使用了table-cell的方式（这导致修改宽高变得非常困难），一个div的多个样式效果会分部在多个class中（比如，宽高在classA中，背景色在classB中，border的样式在classC），很多控件的样式写在元素的style中（这导致要修改样式属性必须使用!important）。
感觉这样的方式繁琐而且低效率，维护性也会很差，希望各位经验丰富的老哥能给出一些建议或者思路。

Answer 1

讲道理你不应使用到!import 的。

为什么你会存在样式覆盖不了这种问题，就是你的样式优先级不够高。

css样式覆盖规则。

1. 后面的覆盖前面的
2. 优先级高的覆盖优先级低的

优先级怎么体现：
body a {
}

body div a {
}
显然是下面的优先级高

优先级