gpt4 book ai didi

CSS 选择器最佳实践

转载 作者:技术小花猫 更新时间:2023-10-29 10:22:29 24 4
gpt4 key购买 nike

<分区>

我又在这些小事上浪费时间了。我问自己——现在也问你——的问题是:做 CSS 选择器/HTML 标记的“最佳方式”是什么?

我是不惜一切代价避免使用类,让 HTML 保持纯净和美观,还是在任何我想设置样式的地方添加类?

例如,如果我想为我网站的各种表单按钮设置样式,我应该去吗

input[type="submit"] { /* styles */ }

或者我是否为所有这些添加一个“表单按钮”类并执行

.form-button { /*styles */ }

在这个微不足道的例子中,人们可能不会想太多,但如果我想将第三个链接的样式设置为不同的——语义的,而不是表象的——列表,我可以做到

.navigation ul:nth-of-type(2) a:nth-of-type(3) { /* styles */ }

与只给那个链接一类“不同链接”并使用

.different-link { /* styles */ }

据我了解,在 2013 年,所有计算设备及其运行的浏览器都应该足够快,以至于技术上次优的 CSS 选择器不应该对最终用户产生任何影响。

所以最后,这似乎真的是一个问题:“我是让 HTML 变得困惑(使用类)还是让 CSS 变得困惑(使用长篇大论的选择器)?”

有什么意见吗?

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