css中id选择器和class选择器的区别?

    技术2026-03-28  6

    ID选择器:

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

       id 选择器以 "#" 来定义。

       下面的两个 id 选择器,第一个可以定义元素的颜色为红色,第二个定义元素的颜色为绿色:

    #red {color:red;}

    #green {color:green;}

    下面的 HTML 代码中,id 属性为 red p 元素显示为红色,而 id 属性为 green p 元素显示为绿色。

    <p id="red">这个段落是红色。</p>

    <p id="green">这个段落是绿色。</p>

    注意:id 属性只能在每个 HTML 文档中出现一次

    类选择器:

    CSS 中,类选择器以一个点号显示:

    .center {text-align: center}

    在上面的例子中,所有拥有 center 类的 HTML 元素均为居中。

    在下面的 HTML 代码中,h1 p 元素都有 center 类。这意味着两者都将遵守 ".center" 选择器中的规则。

    <h1 class="center">

    This heading will be center-aligned

    </h1>

    <p class="center">

    This paragraph will also be center-aligned.

    </p>

    注意:类名的第一个字符不能使用数字!它无法在 Mozilla Firefox 中起作用。

    A1:二者主要的区别在哪里呢?

    id你只能用来定义单一元素,定义二个以后。页面不会出现什么问题,但是W3检测的时候认为你页面不符合标准;class是类,同一个class可以定义多个元素。就页面效果而言,两个东西的视觉效果几乎无差别。

    A2id 选择符为什么要少用,它有有什么局限性?

    单一使用的样式用id,需要程序、js动态控制的样式用idid在页面只能使用一次!提供少用id,因为id可能和页面嵌的程序冲突(比如名称相同等)!

    A3:我该在什么时候使用ID,什么时候使用class

          单一的元素,或需要程序、JS控制的东西,需要用id定义;重复使用的元素、类别,用class定义。

    最新回复(0)