无法删除文字装饰下划线

时间:2016-06-14 01:06:47

标签: html css

我无法从以下内容中删除underline。我也试过在所有三个课程上设置text-decoration: none



rs-friends-list-row {
  position: relative;
  display: flex;
  flex-direction: row;
  padding: 10px 20px 10px 20px;
  font-size: 10px;
}
a .rs-friends-list-row {
  text-decoration: none;
}
a:hover .rs-friends-list-row {
  background-color: yellow;
}

<a href="#">
  <div class="rs-friends-list-row">
    <div>
      <img class="rs-friends-user-image" src="assets/images/profileimg1.png" alt="img">
    </div>
    <div class="rs-friends-details"><span class="right-sidebar-friends-name">Lucile B. Nash</span>
      <br>Nanaimo</div>
    <div><span class="rs-friends-status online"></span>
    </div>
  </div>
</a>
&#13;
&#13;
&#13;

3 个答案:

答案 0 :(得分:2)

for (batch in batches) { var client = TransportClient.builder().build() process_batch(batch, client) } def process_batch(batch, client) { client.processList(batch) } 仅适用于text-decoration并且您正在申请a的孩子(a),您需要申请div(同课程)或不)

&#13;
&#13;
a
&#13;
.rs-friends-list-row {
  position: relative;
  display: flex;
  flex-direction: row;
  padding: 10px 20px 10px 20px;
  font-size: 10px;
}
.some-class {
  text-decoration: none;
}
a:hover .rs-friends-list-row {
  background-color: yellow;
}
&#13;
&#13;
&#13;

答案 1 :(得分:1)

链接有下划线,所以你应该

a {text-decoration: none;}

答案 2 :(得分:0)

因为当您放置a .re-friends-list-row时,您并未定位锚元素本身。当你这样做时,你将目标定位在锚点内的div,而Divs默认没有文本修饰。您需要直接将类放在锚标记上。