前端遇到问题进阶篇2------hover的节点问题、点击事件

1.hover针对改变其他选择器的状态

第一种改变子节点的元素使用 .div:hover >.chirdiv{}  使用>解决这个问题

第二种改变兄弟节点的元素使用.div:hover +.brodiv{} 使用+解决这个问题（并且需要相邻来着）

然而我想要改变的既不是子节点也不是兄弟节点，所以还是乖乖使用vue的@mouseover和@mouseout吧

2.点击子节点的click事件不想触发父类div的click事件

onClick="event.cancelBubble=true"

在浏览器中，事件的传递方式是从下至上的，onClick="event.cancelBubble=true"可以阻止事件的传递（IE是从上至下的）

3.after、before事件

after是之前、before是在之后，一般用作在图片之前之后画三角形。

4.skew()子元素取消倾斜

skew()当子元素为block块级元素时才可以取消倾斜。