CSS选择器 ‘~‘

问题描述：鼠标经过.face的时候给.ear-wrap加样式，它们是兄弟关系，如果用.face:hover .ear-wrap{ transform:rotate(-45deg);}，则不生效。

原因分析：

如果是兄弟关系应该用~选择器，才能生效。

补充：兄弟选择器（~和+）

‘+’选择器则表示某元素后相邻的兄弟元素，也就是紧挨着的，只有一个的。而‘~’选择器则表示某元素后所有同级的指定元素，强调所有符合要求的。