V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
ghostgril
V2EX  ›  问与答

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

  •  
  •   ghostgril · Aug 16, 2018 · 1800 views
    This topic created in 2811 days ago, the information mentioned may be changed or developed.

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

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

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

    老实说,我个人是喜欢 xml 的,标签可以随意,展示完全靠 xslt 控制
    同一个 xml,可以通过不同的 xslt 展现出不同排版顺序的页面
    就算出现在 xml 靠前的元素,也可以展现到最后或任意地方
    wu67
        5
    wu67  
       Aug 16, 2018
    @ghostgril 取名字会很蛋疼, 再加上产品改来改去的. 而且 ID 的权重太高了, 如果你要用后定义的覆盖怎么办的, 当让是操作类名比较省事了
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3571 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 37ms · UTC 11:11 · PVG 19:11 · LAX 04:11 · JFK 07:11
    ♥ Do have faith in what you're doing.