gpt4 book ai didi

css - 设置 CSS 样式的更好方法是什么?

转载 作者:太空宇宙 更新时间:2023-11-04 00:30:09 24 4
gpt4 key购买 nike

例如,您需要 float 一堆元素。

选项 1 - 链元素

#elm1, #elm2, #elm3, #elm4 {float:left}

选项 2 - 向元素添加类似的类

.float {float:left}

选项 3 - 单独向类添加样式

#elm1{float:left}
#elm2{float:left}
#elm3{float:left}
#elm4{float:left}

我更喜欢 1,但我不知道它对速度的影响有多大,还有其他选择吗?这是什么约定?

最佳答案

http://css-tricks.com/efficiently-rendering-css/似乎说 ID 是最有效的,尽管恕我直言,我认为该类更清晰,更准确地表示您要表达的内容。

来自谷歌的文章@http://code.google.com/speed/page-speed/docs/rendering.html#UseEfficientCSSSelectors

“避免使用通用键选择器。 允许元素从祖先继承,或使用类将样式应用于多个元素。”

所以,我认为最佳实践是使用类。恕我直言,它干净易读。

关于css - 设置 CSS 样式的更好方法是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4588722/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com