播放/暂停音乐播放器时保持文本的行高

Question

我遇到的问题是我无法将歌曲标题文字保留在行高：800px;当用户播放或暂停播放器时我设法做到了：虽然悬停。这似乎是一个非常棘手的事情，而且我第一次与css有这么艰难的时刻。

我想张贴一个Jsfiddle，但它确实需要css之外的很多代码，所以我会给你玩家的链接，这样你就可以了解最新情况：

http://tinyurl.com/agvmueo

好的，你可以看到，问题是它看起来真的很难看圆圈进度条后面的文字。总而言之，即时尝试为播放器播放/暂停时使用相同的css状态，就像用户将鼠标悬停在它上面一样（文本和边框半径）。

提前感谢

Answer 1

您可以使用adjacent sibling selector来实现此目标，例如.ui360-vis .sm2_paused + a.sm2_link和.ui360-vis .sm2_playing + a.sm2_link。

因此，用于设置line-height，（360player.css文件中的第48行）的CSS选择器将变为：

.sm2-inline-list .ui360-vis:hover a.sm2_link, 
.sm2-inline-list .ui360-vis .sm2_paused + a.sm2_link,
.sm2-inline-list .ui360-vis .sm2_playing + a.sm2_link {
    line-height: 800px;
}