美文网首页
css初学者:id和class的选择

css初学者:id和class的选择

作者: 左右左_0c30 | 来源:发表于2020-01-15 09:18 被阅读0次

css初学者在刚开始用div+css布局的时候,常常被一个问题所困扰:当定义一个属性时,是使用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初学者在刚开始用div+css布局的时候,常常被一个问题所困扰:当定义一个属性时,是使用id,还是使用cla...

  • CSS 教程

    CSS 教程 CSS 教程 CSS 简介 CSS 语法 CSS Id 和 Class选择器 CSS 创建 CSS ...

  • 1、CSS选择器常见的有几种? ①#id,ID选择器,在css样式是#开头的。 ②.class,class选择器,...

  • jQuery选择器

    1、基础选择器 通过ID,Class和标记名等来选择查找DOM选择器。 $('#id名').css({ css属性...

  • CSS选择器

    目录: CSS派生选择器 CSS元素选择器 CSS Id 和 Class选择器 CSS 属性选择器 CSS 派生选...

  • CSS 选择器种类、权重和优先级

    主要内容: 常见的CSS选择器、选择器的优先级。 class 和 id 选择器 class 和 id 选择器的区别...

  • CSS选择器

    Class 和 id 的使用场景? class: 用于多个元素的共同样式 id: 选择唯一的元素的样式 CSS选择...

  • 前端开发的二十一天

    css选择器基础 元素的id和class id属性是标识页面元素,若出现多个相同id属性取值,css选择器或Jav...

  • CSS 选择器

    CSS 选择器 id 和 class 的使用场景 id 具有唯一性,class 具有普遍性,可以多次使用。 id ...

  • CSS 选择器

    一、class 和 id 的选择场景。 在 CSS 中,class和id都可以用来作为选择器来修改对应元素的样式,...

网友评论

      本文标题:css初学者:id和class的选择

      本文链接:https://www.haomeiwen.com/subject/hjozactx.html