谈一下css最近用的比较好的处理样式涉及的方法

其实你玩css玩的好，省了很多js的代码。方便快捷。（name相当于一个选择器）

1、name：focus   焦点聚集离开样式

2、name：hover  鼠标悬浮离开样式

当你还在用click的js以及removeClass方法时候可以试试这两个对于css的处理

当然那个是最基本要想玩的6需要配好一些方法符号

3、name > name1{ color：red }

name 下面的子元素name1元素样式

4、name：hover >  name1{ color：red }

name 下面所有元素（包含name）hover的时候下面的子元素name1元素样式

5、:not（name2）> name1 { color：red }

不包含name2，not的用法 下面的name1元素样式

6、.editable-four-column:nth-child(2):hover ~ .editable-four-column { border: 1px dashed #fffefe; }

class名字是 editable-four-column 他的父级别的第二个子元素 hover 时候 后面的 class 名字是editable-four-column的样式

关键掌握nth-child （当前元素的父级的子元素的第几个，此外还涉及first-child等）和 ~ （表示后面的所有兄弟元素，还有 + 是对于后面的第一个兄弟元素）

当你使用 + 和 ~  玩hover的时候，可能会出现只能定位到元素以后的样式，如果停留在最后一个元素上面，想控制之前的元素，这时候需要的是使用她们父类 的属性的hover来控制，相对会麻烦，但是肯定是可以解决

对于这个还是需要灵活的是使用父节点 子节点，各种之间的关系调用，才能熟练玩转使用css3.