全局禁用樣式隔離
所有應用的樣式隔離都會停止
import microApp from '@micro-zoe/micro-app'microApp.start({disableScopecss: true, // 默認值false
})
指定子應用取消禁用樣式隔離
<micro-app name='xx' url='xx' disableScopecss='false'></micro-app>
指定子應用禁用樣式隔離
<micro-app name='xx' url='xx' disableScopecss 或 disable-scopecss></micro-app>
指定文件禁用樣式隔離
/*! scopecss-disable */
.test1 {color: red;
}
/*! scopecss-enable */
對指定的選擇器禁用樣式隔離
/*! scopecss-disable .test1, .test2 */
.test1 {color: red;
}
.test2 {color: yellow;
}
.test3 {color: green;
}
/*! scopecss-enable */
在整個文件范圍內禁用樣式隔離
/*! scopecss-disable */
...
指定行禁用樣式隔離
/*! scopecss-disable-next-line */
.test1 {color: red;
}.test2 {/*! scopecss-disable-next-line */background: url(/test.png);
}