css初学者：id和class的选择

欢迎您访问我爱IT技术网，今天小编为你分享的电脑教程是建站经验系列之：【css初学者：id和class的选择】，下面是详细的分享！

css初学者：id和class的选择

　　css初学者在刚开始用div+css布局的时候，常常被一个问题所困扰：当定义一个属性时，是使用id，还是使用class?在这我谈下自己在工作中对id和class的使用原则。希望对初学者有所帮助。

　　id的使用原则

　　我们知道id具有唯一性，也就是说在整个xhtml中id是不能重复的，所以我们在写网页的时候，大的结构用id，比如：logo、导航、主体内容、版权等，根据命名规范分别命名为#logo、#nav、#contenter、#copyright。还有一种情况就是：我们要通过js作用一个层，以实现某种效果的时候，用id。这也是由id的唯一性决定的。

　　class的使用原则

　　class在css定义中具有普遍性，可以无限次的重复使用，这也体现了div+css布局的优越性。class常用于结构内部，这样做的好处是有利于网站代码的后期维护与修改，这样会让所有的class成为id的子级或者孙级。

　　另外需要注意一点的是尽量不要让class包含id，比如.ff #childer{...},这样做显然不可取，不符合书写习惯。前面也介绍过良好的书写习惯，对写出规范的代码，和其他同事的合作，以至于后期的维护都是很有好处的。

以上所分享的是关于css初学者：id和class的选择，下面是编辑为你推荐的有价值的用户互动：

　　相关问题：CSS中的ID和CLASS的使用区别

　　答：CSS中“.”是类选择器的标识“#”是Id选择器的标识 举个例子：Html中给该div添加样式，有两种方法：①直接在CSS文件中定义Id选择器#div1{}②在CSS定义类选择器.class1{},然后指明他的类样式 两种方法的效果是一样的，但是id只能给一个元素指明类样式，... >>详细

　　相关问题：CSS中id和class的区别？

　　答：class可以在页面里面重复使用， id由于在页面里面只能出现一次，所以不能重复使用， 所以尽量用class来写，这样能在页面里面重复引用你写的css，减小工作量和代码量。 这种情况尽量用id：页面大的模块里面，用id来区分不同的模块。 比如页面里面... >>详细

　　相关问题：css对于id,class和标签的规则定义分别用什么来表示?

　　答：id选择器 使用#id , 同一个id在页面中只能有一个 例如:#id 类选择器 使用 .class 例如: .class 例如: id选择器：#new{ } 类选择器： .web{ } >>详细