在悬停时定位内部内容

Question

我有以下按钮和代码

HTML

    <div id="top-btn">
      <a href=""><i>button</i></a>
      <div id="top-btn-BG"></div>
    </div>

CSS

#top-btn a {
  z-index: 999;
  padding: 30px 30px 25px 25px;
  color: #707070;
  bottom: 0; right: 0;
}

#top-btn a:hover+#top-btn-BG:after,#top-btn-BG:hover:after {
   border-color: transparent transparent #333 transparent;
}

当top-btn悬停时，这会改变＃top-btn-BG的背景。我想改变＃top-btn的颜色，但是无法定位它

Answer 1

你可以这样做：

var aStatusList = data.statuses;

for(let aStatus of aStatusList) {
    console.log("Created at    : " + aStatus.created_at);
    console.log("id            : " + aStatus.id);
    console.log("retweet_count : " + aStatus.retweeted);
}

#top-btn a {
  z-index: 999;
  padding: 30px 30px 25px 25px;
  color: #707070;
  bottom: 0;
  right: 0;
}

#top-btn:hover #top-btn-BG {
  background-color: red;
}

#top-btn:hover a {
  color: red;
}