turtlekey
V2EX  ›  问与答

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

  •  
  •   turtlekey · Jan 23, 2022 · 1655 views
    This topic created in 1598 days ago, the information mentioned may be changed or developed.

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

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

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

    在此先行谢过🙏🏼。

    3 replies    2022-01-23 15:48:26 +08:00
    Biwood
        1
    Biwood  
       Jan 23, 2022
    fullpage 可以自定义类名,用 sectionSelector 设置一下,换个别的类名就好,而且 fullpage 自带的 css 根本没有 .section 类名样式,它有自己的命名空间,不会冲突
    gauzung
        3
    gauzung  
       Jan 23, 2022
    这些使用广泛的库居然不做类名防冲突的操作吗?比如.bulma-section ,太草率了吧
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   5475 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 39ms · UTC 07:03 · PVG 15:03 · LAX 00:03 · JFK 03:03
    ♥ Do have faith in what you're doing.