选择器的权重

首先看两篇文章:
一:https://www.cnblogs.com/wangmeijian/p/4207433.html.
二:http://www.nowamagic.net/csszone/css_SeletorPriorityRules.php

总结:
权重:
通配选择器:0,0,0,0,0 ()
元素和伪元素:0,0,0,0,1(例如div;p; :first-line)
类选择器,伪类,属性选择器:0,0,0,1,0
(例如:hover;.main;input[type=“text”])
ID选择器:0,0,1,0,0(例如#main)
内联样式:0,1,0,0,0(style="“)
!importangt:1,0,0,0,0

举例:
.demo input[type="text]{…}
0,0,0,2,1
div #demo a{…}
0,0,1,0,2
.demo input[type=“text”]{color: blue;}
0,0,0,2,0
div#main-content div.paragraph h2.first{…}
0,0,1,2,3

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值