id选择器
迪丽瓦拉
2024-05-28 16:17:29
0

id选择器可以为特定的id的标签进行css美化
使用方法: 标签内设好 id值, CSS的id选择器以“#+id名”来调用

注意

  1. 所有标签都有id值
  2. id属性值类似于身份证号码,在一个页面中是唯一的值,不可重复
  3. 一个标签上只能有一个id属性值
  4. 一个id属性值,只能选择一个标签

语法

#id名 {属性: 属性值;
}

举个栗子


杰克逊

加比勒海盗

id选择器与class选择器的区别

  • class类名与id属性值的区别
  1. id相当于人的身份证,不可重复
  2. class相当于人的名称可以重复
  3. id选择器和类选择器最大的不同在于使用次数上,一个id只能供一个标签使用一次
  4. id选择器一般只定义页面唯一的元素,平常与javascript使用,最常用的还是class选择器,标签可以定义多个类属性
  • 实际开发情况
  1. 类选择器用的最多
  2. id一般配合js使用,除非特殊情况,否则不要使用id设置样式
  3. 实际开发中会遇到冗余代码的抽取(可以将公共的代码提取到公用的类中调用)

相关内容