class选择器以点号开头,可多元素复用,权重为10;id选择器以井号开头,页面唯一,权重为100,优先级更高,常用于唯一结构与JS快速获取。

在CSS中,class选择器和id选择器都是用来选中HTML元素并为其应用样式的,但它们在使用方式和规则上有明显区别。
class选择器使用点号(.)开头:
.my-class { color: blue; }id选择器使用井号(#)开头:
#my-id { font-size: 16px; }一个class可以在多个元素上重复使用,适合为一类元素设置相同样式:
立即学习“前端免费学习笔记(深入)”;
而一个id在一个页面中应唯一,只能用于一个元素:
id选择器的优先级高于class选择器。当多个规则作用于同一个元素时,id样式会覆盖class样式:
这意味着即使class样式写在后面,id样式仍可能优先生效。
在JavaScript中,通过id获取元素更直接:
document.getElementById('my-id')而class通常用于批量操作:
document.getElementsByClassName('my-class')基本上就这些。简单说:class是“类别”,可复用;id是“身份证”,唯一且权重高。根据需要选择使用即可。
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号