被权重暗算（……）

今天又到了写每周一记的时间了，刚学习css3几天，今天考核让制作几个给定动画，我看着第一个可爱的小点点动画，笑了，我承认它让我认识到了不可按顺序判断简单与否，在写的过程中我用到了css3[attribute^=value]选择器，还有动画，感觉那个延迟时间设置也不好搞；

因为用到这个选择器，忘记权重，导致我一直设置延迟时间但还是同时出来，浪费了我大量时间花在第一个动画上，导致后面的时间不够了，因为ul li[class^="circle"]的权重值是1+1+10=12，而下面的ul li.circle2的也是12了，然后因为它在下面，所以会覆盖上面的那个。我写的时候只写了一个li.circle2,导致出错

            ul li[class^="circle"] {
				list-style: none;
				float: left;
				height: 30px;
				background-color: #2490aa;
				width: 30px;
				border-radius: 50%;
				margin: 0 20px;
				animation: light 1s linear 1.5s infinite;
				
			}
			ul li.circle2 {
				animation-delay: 0.75s;
			}
				
			ul li.circle3 {
				animation-delay: 0s;
			}

---

权重值表：

选择器	权重
继承或者*	0，0，0，0
元素选择器	0，0，0，1
类选择器和伪类选择器	0，0，1，0
id选择器	0，1，0，0
行内样式或style=“ ”	1，0，0，0
！important重要的	非常大

注意：

1，继承的权重是0，如果该元素没有直接选择，不管父元素权重多高，子元素得到的权重都是0，

2，a标签无法被继承，因为a标签默认的浏览器下划线颜色是蓝色。

---

不管怎么样，要从自己身上找原因，不找任何理由，多注重基础，这点很重要。