Skip to content

[css] 第237天 css中class和id选择器有什么区别? #1621

Open
@haizhilin2013

Description

@haizhilin2013
Collaborator

第237天 css中class和id选择器有什么区别?

我也要出题

Activity

windy-boy

windy-boy commented on Dec 13, 2019

@windy-boy

id具有唯一性,导致样式不能重用,且权重大,容易导致权重问题。不过用id来选择元素的效率比class高。

forever-z-133

forever-z-133 commented on Dec 14, 2019

@forever-z-133

id 在部分浏览器的 js 中会直接生成同名变量;
id 的唯一性,获取该 id 的 dom 时,会取同名 id 的前者;
id 层叠权重非常高,1000 个 class 也覆盖不了 id 的样式;
class 可以用空格给同个元素设置多个 class,id 用空格会让 id 失效;
id 可以和链接锚点一起玩耍。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @haizhilin2013@forever-z-133@windy-boy

        Issue actions

          [css] 第237天 css中class和id选择器有什么区别? · Issue #1621 · haizlin/fe-interview