当前位置:  首页  >  前端开发  >  CSS+DIV

CSS中id和class选择器怎么使用

id和class选择器经常用来指定应用样式的范围。但是,很难确定是否正确使用id或class,页面中只能写入一个ID,但是对于class可以写入多个,作为大前提,class的使用没有限制,但是id有约束。
我经常使用id和class来指定应用样式的范围。但是,很难确定是否正确使用id或class,本篇文章我们就来介绍一下id和class的的用法。

id和class之间的区别

id具有唯一性,class可以有很多个

页面中只能写入一个ID,但是对于class可以写入多个。

但是,这并不意味如果页面只显示一个就必须使用id。id的使用存在约束。

如果id和class有样式冲突,则id优先

让我们举一个例子来看一下。

HTML

ID和class优先级比较——文字颜色

CSS

#red{
color:red;
}
.blue{
color:blue;
}

效果如下:

当使用jQuery等执行选择器匹配处理时,指定id时速度更快。这是因为,如果它是由id指定的,那么在页面中找到它就可以完成处理,而如果是class的话则需要扫描到结尾。

以上就是CSS中id和class选择器怎么使用的详细内容,更多请关注 第一PHP社区 其它相关文章!

吐了个 "CAO" !
扫码关注 PHP1 官方微信号
PHP1.CN | 中国最专业的PHP中文社区 | json解析格式化 | PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved PHP1.CN 第一PHP社区 版权所有