美文网首页【HTML+CSS】
class选择器与id选择器的区别

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

作者: 冰冰啦 | 来源:发表于2018-08-09 12:41 被阅读0次

1.相同点:

可以用于任何元素

不同点:

class可以使用多次,而id只能使用一次

2.示例

  • 代码正确
<p>
  我叫<span class="setRed">hzj</span>,我来自<span class="setRed">中国</span>。
</p>
  • 代码错误
<p>
  我叫<span id="setRed">hzj</span>,我来自<span id="setRed">中国</span>。
</p>

完。

相关文章

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

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

  • CSS

    CSS 选择器 类选择器 .class ID选择器 #idName 相同点可以应用于任何元素 区别 ID选择器为唯...

  • CSS任务完成

    1.css选择器 类别选择器:p , span class选择器:.class id选择器:#id 包含选择器...

  • 常见css选择器及其优先级别排序

    1. 常见CSS选择器 id选择器。#id class选择器..class 属性选择器。如:input[type=...

  • jQuery学习小记

    基本选择器 $("#id"):id选择器,返回单个元素 $(".class"):class选择器,返回集合元素 $...

  • jQuery 整理

    样式篇 jQuery选择器 ①id选择器:$( "#id" )②类选择器:$( ".class" )③元素选择器:...

  • CSS 选择器

    CSS选择器的概念 标签选择器 类选择器 ID选择器 类选择器与ID选择器的区别 子代选择器 后代选择器 子选择器...

  • CSS快速笔记

    一、选择器: 标签选择器: id选择器,id唯一 class选择器,class可以为一组元素 不同选择器之间可以嵌...

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

  • CSS选择器

    id与class的使用场景 id选择器,匹配特定id的元素类选择器,匹配class包含(不是等于)特定类的元素id...

网友评论

    本文标题:class选择器与id选择器的区别

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