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

css 父子选择器如何使用比较好呢

  •  
  •   ghostgril · 2018-08-16 10:16:44 +08:00 · 1482 次点击
    这是一个创建于 2324 天前的主题,其中的信息可能已经有所发展或是发生改变。

    其实一直很疑惑如何使用各种 css 选择器。我一般都是直接给某个元素加类然后设置样式,我使用 scss 编写的时候经常就是一堆类不断的嵌套,我觉得既然是使用类进行样式设置应该可以不用嵌套吧

    5 条回复    2018-08-16 12:27:40 +08:00
    ghostgril
        1
    ghostgril  
    OP
       2018-08-16 10:18:41 +08:00
    既然 id 选择器的性能比较好为何不全用 id 进行配置样式呢?使用父子选择器的意义是什么呢
    lwbjing
        2
    lwbjing  
       2018-08-16 10:21:20 +08:00
    #module_1, #module_2, #module_3 { ... }

    .module { ... }
    otakustay
        3
    otakustay  
       2018-08-16 10:24:44 +08:00
    1. 假设不使用 css modules,那么如果用类进行样式设置且不嵌套,你的类名就肯定会需要表示父子关系,不是自己定一套玩法就是用 BEM,最后类名的长度和用父子后的选择器长度没有啥区别
    2. id 先把器性能比较好是个错误结论
    imn1
        4
    imn1  
       2018-08-16 10:58:51 +08:00
    css 既然是跟 html 的,就按 html 来吧

    老实说,我个人是喜欢 xml 的,标签可以随意,展示完全靠 xslt 控制
    同一个 xml,可以通过不同的 xslt 展现出不同排版顺序的页面
    就算出现在 xml 靠前的元素,也可以展现到最后或任意地方
    wu67
        5
    wu67  
       2018-08-16 12:27:40 +08:00
    @ghostgril 取名字会很蛋疼, 再加上产品改来改去的. 而且 ID 的权重太高了, 如果你要用后定义的覆盖怎么办的, 当让是操作类名比较省事了
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1005 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 21:13 · PVG 05:13 · LAX 13:13 · JFK 16:13
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.