元素,伪元素:+1
类,伪类,属性:+10
ID:+100
行间样式:+1000
例如以下样式:
p {} //p为元素,总权重就是:1
div p{} //p与div都是元素,总权重是:1=1=2
.div p // .div是类,p是元素,总权重是:10+1=11
选择器类别:
* { width:1000px; } // 通用选择器
.img { width: 180px;} // 类选择器
img[alt="img"] {//属性选择器
width: 400px;
}
[id="only"]{
background-color: black;
}
[class="only"]{
background-color: black;
}
img:hover { width: 500px;} // 伪类选择器
#img { width: 300px;} //ID 选择器