V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
turtlekey
V2EX  ›  问与答

大家如何解决多个 css 库的命名冲突问题

  •  
  •   turtlekey · 2022-01-23 11:43:06 +08:00 · 1196 次点击
    这是一个创建于 824 天前的主题,其中的信息可能已经有所发展或是发生改变。

    如题。前端小白。今天早上发现 bulma 和 fullpage 都使用了'section'这个类名,顿时感觉不妙,于是查到了以下可能的解决方法:

    • 调整 css 文件的加载顺序(已实践,失败)。
    • 改动 scss 源文件,给祖先元素设置类,变相实现作用域(未实践,觉得不太优雅,哈哈)。

    请问各位彦祖有什么更好的方法吗?前端发展速度太快,想找到一个可能存在的优雅之法。

    在此先行谢过🙏🏼。

    3 条回复    2022-01-23 15:48:26 +08:00
    Biwood
        1
    Biwood  
       2022-01-23 13:03:12 +08:00
    fullpage 可以自定义类名,用 sectionSelector 设置一下,换个别的类名就好,而且 fullpage 自带的 css 根本没有 .section 类名样式,它有自己的命名空间,不会冲突
    Cbdy
        2
    Cbdy  
       2022-01-23 13:24:49 +08:00
    gauzung
        3
    gauzung  
       2022-01-23 15:48:26 +08:00
    这些使用广泛的库居然不做类名防冲突的操作吗?比如.bulma-section ,太草率了吧
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   5454 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 31ms · UTC 06:56 · PVG 14:56 · LAX 23:56 · JFK 02:56
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.