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

2018-08-16 10:16:44 +08:00
 ghostgril

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

1467 次点击
所在节点    问与答
5 条回复
ghostgril
2018-08-16 10:18:41 +08:00
既然 id 选择器的性能比较好为何不全用 id 进行配置样式呢?使用父子选择器的意义是什么呢
lwbjing
2018-08-16 10:21:20 +08:00
#module_1, #module_2, #module_3 { ... }

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

老实说,我个人是喜欢 xml 的,标签可以随意,展示完全靠 xslt 控制
同一个 xml,可以通过不同的 xslt 展现出不同排版顺序的页面
就算出现在 xml 靠前的元素,也可以展现到最后或任意地方
wu67
2018-08-16 12:27:40 +08:00
@ghostgril 取名字会很蛋疼, 再加上产品改来改去的. 而且 ID 的权重太高了, 如果你要用后定义的覆盖怎么办的, 当让是操作类名比较省事了

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/480282

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX