Skip to content

[css] 第96天 行内css和important哪个优先级高? #963

Open
@haizhilin2013

Description

@haizhilin2013

第96天 行内css和important哪个优先级高?

Activity

LinStan

LinStan commented on Jul 21, 2019

@LinStan

!important 将覆盖行内css
css优先级:行内css>id选择器(#)>伪类(:)>属性选择器([])>类选择器(.) > 类型选择器(div p a等) > 通用选择器(*)

NicholasBaiYa

NicholasBaiYa commented on Jul 21, 2019

@NicholasBaiYa

!important 是最高级的吧

haizhilin2013

haizhilin2013 commented on Jul 21, 2019

@haizhilin2013
CollaboratorAuthor

!important

l8888888

l8888888 commented on Jul 21, 2019

@l8888888

css 权重(以256进制计算)
!important Infinity
行间样式 1000
id 100
class/伪类/属性 10
元素/伪元素 1
通配符(*) 0

Konata9

Konata9 commented on Aug 20, 2019

@Konata9

!important 优先级最高,权重可以认为是正无穷。

CSS 选择器的优先级:
!important > 行内 > #id > .class > tag > *

seho-dev

seho-dev commented on Nov 21, 2019

@seho-dev

特指度
ICE公式

maxthonl

maxthonl commented on Oct 30, 2020

@maxthonl
<div style="background-color: violet !important;"></div>

鸡贼点

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@Konata9@maxthonl@NicholasBaiYa@LinStan

        Issue actions

          [css] 第96天 行内css和important哪个优先级高? · Issue #963 · haizlin/fe-interview