CSS选择器的顺序问题,

CSS选择器的顺序问题

学前端时关于CSS选择器的问题经常令新手苦恼,这里记下常用的三种选择器的顺序问题。
常用的三种选择器:

  • 标签选择器(Type)
  • Id选择器(Id)
  • 类选择器(Class)
    Cascading算法:
    重要性importance:Id>Class>Type, ICT
/*I-C-T: 0-0-1*/
a {
text-decoration: none;
color:blue;
}
/*I-C-T: 0-1-0*/
.warning{
color: yellow;
}
/*I-C-T: 0-1-0*/
.emtext {
color: red;
}

如上代码当修饰同一字体时根据不同的ICT权重大小来判断优先级 .warning = .emtext>a, 但 .emtext会覆盖 .warning ,若想 a 优先级提前可加入“!important” 如下:

/*I-C-T: 0-0-1*/
a {
text-decoration: none;
color:blue; !important}

加入“!important” 语句后优先级就会提到最前。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值