Question

我想在chrome扩展程序中使用materializecss。该扩展程序为gmail添加了一些功能。不幸的是，materializecss似乎干扰了gmail的样式。是否可以隔离实体化css的范围或为类添加自定义前缀？

我目前在manifest.json

中导入css

&lt;

Answer 1

不是没有重写整个框架（scss文件）或使用作用域的stlyes。

Answer 2

有gulp-class-prefix插件来为CSS类添加前缀。这是配置文件

var gulp = require('gulp'),
    classPrefix = require('gulp-class-prefix');

gulp.task('prefix', function () {
    return gulp.src('SOURCE_OF_CSS_FILE')
        .pipe(classPrefix('YOUR_PREFIX'))
        .pipe(gulp.dest('DESTINASTION_FOLDER'));
});

gulp.task('default', ['prefix']);

但这只会在CSS文件前缀，并且只适用于不需要JS包含的组件。对于动态组件，您需要在 materiazecss.js 文件中进行更改。

<强>更新

我得到了这个python script。此脚本专为引导程序而设计。但无论如何这也适用于materializecss（70％-80％）。你只需要在它的main函数中更改文件名，即用materializecss替换bootstrap。

在现有课程的混乱中实现。如何添加前缀？

2 个答案: