鍍金池/ 問(wèn)答/網(wǎng)絡(luò)安全  HTML/ 修改框架樣式的可行性？

修改框架樣式的可行性？

最近準(zhǔn)備優(yōu)化公司的網(wǎng)頁(yè)框架的樣式，網(wǎng)頁(yè)是用的extjs加上vb做的網(wǎng)頁(yè)，原本用的是ext框架自帶的樣式，最近公司準(zhǔn)備優(yōu)化一下界面風(fēng)格，ext這個(gè)框架（我看代碼后的感受）高度集成而且內(nèi)部封裝，很難自己添加或者修改dom節(jié)點(diǎn)（不得不吐槽ext框架的擴(kuò)展性太差）。

所以只能通過(guò)修改css覆蓋的形式，通過(guò)f12打開(kāi)控制臺(tái)找到節(jié)點(diǎn)的class樣式，通過(guò)選擇器一層一層的選擇，然后添加樣式，在這個(gè)過(guò)程中遇到了很多困難，比如：這個(gè)框架中很多布局使用了table-cell的方式（這導(dǎo)致修改寬高變得非常困難），一個(gè)div的多個(gè)樣式效果會(huì)分部在多個(gè)class中（比如，寬高在classA中，背景色在classB中，border的樣式在classC），很多控件的樣式寫(xiě)在元素的style中（這導(dǎo)致要修改樣式屬性必須使用!important）。
感覺(jué)這樣的方式繁瑣而且低效率，維護(hù)性也會(huì)很差，希望各位經(jīng)驗(yàn)豐富的老哥能給出一些建議或者思路。

回答
編輯回答
祉小皓

講道理你不應(yīng)使用到!import 的。

為什么你會(huì)存在樣式覆蓋不了這種問(wèn)題，就是你的樣式優(yōu)先級(jí)不夠高。

css樣式覆蓋規(guī)則。

  1. 后面的覆蓋前面的
  2. 優(yōu)先級(jí)高的覆蓋優(yōu)先級(jí)低的

優(yōu)先級(jí)怎么體現(xiàn)：
body a {
}

body div a {
}
顯然是下面的優(yōu)先級(jí)高

優(yōu)先級(jí)

2017年8月6日 04:13