作者:推球了 | 来源:互联网 | 2020-08-19 19:09
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社区 其它相关文章!