CSS选择器~
问题描述：鼠标经过.face的时候给.ear-wrap加样式，它们是兄弟关系，如果用.face:hover .ear-wrap{ transform:rotate(-45deg);}，则不生效。
原因分析：
如果是兄弟关系应该用~选择器，才能生效。
补充：兄弟选择器（~和+）
‘+’选择器则表示某元素后相邻的兄弟元素，也就是紧挨着的，只有一个的。而‘~’选择器则表示某元素后所有同级的指定元素，强调所有符合要求的。
问题描述：鼠标经过.face的时候给.ear-wrap加样式，它们是兄弟关系，如果用.face:hover .ear-wrap{ transform:rotate(-45deg);}，则不生效。
原因分析：
如果是兄弟关系应该用~选择器，才能生效。
补充：兄弟选择器（~和+）
‘+’选择器则表示某元素后相邻的兄弟元素，也就是紧挨着的，只有一个的。而‘~’选择器则表示某元素后所有同级的指定元素，强调所有符合要求的。