如何有选择地加载/使用 YUI 模块的 CSS

Question

我使用以下代码加载 YUI 模块。

YUI().use('tabview', 'datatable', 'datasource-local', 'node', 'node-load', function(Y) 
{ 
    ......
});

这将加载模块和所有相应的 CSS 文件。

但是我想有选择地使用 CSS。假设我不想为 TabView 加载 CSS。我怎样才能做到这一点？

我尝试了以下方法 -

YUI({ fetchCSS: false }).use('tabview', 'datatable', 'datasource-local', 'node', 'node-load', function (Y) 
{
    ......
});

很明显，上面的代码不会为任何模块加载CSS文件。如何为选项卡视图禁用 CSS，以便我可以使用自己的 CSS？

Answer 1

皮肤配置中有"override"属性。这允许您为某些模块使用不同的皮肤。

您可以使用自己的 css 文件创建一个皮肤，并告诉加载器将此皮肤用于您想要的模块（在您的示例中为 tabview）。

不过，我不确定您可以为不同的皮肤使用不同的源文件夹。

http://yuilibrary.com/yui/docs/api/classes/config.html#property_skin

你也可以尝试定义一个css模块并"使用"它。

http://yuilibrary.com/yui/docs/api/classes/config.html#property_modules

希望对您有所帮助！