1.选择器的权重
选 择 器 --------- 权重
!importent ------------infinity行间样式 ------------- 1000id ----------------------- 100class | 属性 | 伪类 — 10标签 | 伪元素 ---------- 1通配符 ------------------ 0
补充说明
1.属性
<style type="text/css">
[title]
// 或者[title = "W3School"]
{
color:red;
}
</style>
<body>
<a title="W3School" href="http://w3school.com.cn">W3School</a>
</body>
2.伪类：用于向某些选择器**添加**特殊的效果
3.伪元素：用于向某些选择器**设置**特殊效果。
h1:before
{
content:url(logo.gif);
}
2. 选择器的组合方式
1）.class1 .class2
后代选择器。class1下的class2
2) .class1.class2
同时拥有两者选择器。
3) .class1 > .class2
子代选择器、下一级选择器。
4) .class1 + .class2
邻居选择器。
选择所有紧接着.class1之后的.class2元素
5) .class1 ~ .class2
同级别 后面所有的所有选择器。
