首页 >web前端 >css教程 >对class用法与规范的总结

对class用法与规范的总结

巴扎黑
巴扎黑原创
2017-06-07 16:46:302421浏览

在css中,我们常见到选择器class,那么对于class的用法与规范,我们来做个总结:

1.CSS Id 和 Class选择器的相关介绍

id 和 class 选择器

如果你要在HTML元素中设置CSS样式,你需要在元素中设置"id" 和 "class"选择器。

id 选择器

id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。

HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。

030ba7d36a2a47813f42426dd52ddc7d.jpg

2.a.class 与 a .class的区别,注意空格 - CSS调试技巧

使用图片精灵技术进行图片定位时会出现这个问题,有时候一个空格会导致很多问题,本文实例介绍a.class 与 a .class的区别。

37f3e43a7cb42273f12b3936ba37c107.png

3.详解css里同时用id和class的原理

首先,介绍id和class的区别:

  id是一个标签,用于区分不同的结构和内容;id是先找到结构/内容,再给它定义样式;class是一个样式,可以套在任何结构和内容上;class是先定义好一种样式,再套给多个结构/内容。

c2f1090eb512213e42411e6262c7f877.jpg

4.关于页面布局class常见命名规范介绍

这篇文章主要为大家深度剖析了关于页面布局class常见命名规范的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

6d1d231714aa68c8958c2fc4c27bb57a.jpg

5.id和class的区别,使用类还是ID

前面两篇文章我们分别谈到了class和id的相关知识和如何使用,但是在实际项目中,我们该如何抉择,class还是id?

先回顾下两者的区别吧!

id具有唯一性,class具有普遍性,所以一个页面同一个id只能使用一次,而class可以被无限制使用。

29ac96fa9ed5a1920314a8e226db3192.png

以上是对class用法与规范的总结的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn