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

Question

我遇到了问题，我无法将歌曲标题文本保留在line-height：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; 
}