播放/暫停音樂播放器時保持文本行高 -

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; 
}