Question

我的网站上有一个部分有一个链接，但它有一个下划线，所以我尝试了text-decoration: none;，但无济于事。有人可以帮我解决这个问题吗？

代码：

<div class="content2">
  <div class="twitterfeed">
    <h3>Twitter Feed</h3>
  </div>
  <div class="recent">
    <h3 class="text3">Recent News<span class="slash">   /   </span><span class="text4">Get updates from us!</span></h3>
  </div>
  <div class="readnews">
    <a href="themes.goodlayers2.com/musicclub/blog-full-with-right-sidebar/"> <p class="readall"> Read All News </p></a>
  </div>
</div>
<style type="text/css">

.content2 {
  background: #191919;
  padding-top: 10px;
  padding-left: 25px;
  padding-right: 20px;
}

.twitterfeed {
  float: left;
  padding-left: 140px;
  color: white;
  font-size: 30px;
  font-family: Didot, Georgia, sans-serif;
}

.recent {
  display: inline-block;
  padding-left: 230px;
}

.readnews {
  float: right;
  color: white;
  padding-right: 457px;
  text-decoration: none;
}

.text3 {
  color: white;
  font-family: "Goudy Old Style", Optima, sans-serif;
  font-size: 35px;
  margin-bottom: 0;
}

.text4 {
  font-size: 30px;
  color: #6CB9D9;
}

.readall {
  text-decoration: none;
  color: white;
}
</style>

Answer 1

你有一个DIV元素，其中包含一个包含P的A元素。 DIV有一个带有文本修饰的类，但您需要将它应用于A元素，因此您可以使用.readnews a{ text-deciration:none; } 另一方面，在HTML中，你不应该在INLINE元素（A标签）中添加BLOCK元素（P标签），所以这在技术上是错误的。无论如何，它会起作用，但是你将text-decoration：none应用到P，而你应该将它添加到A ... A标签总是比任何其他元素更“重要”（谈论CSS ）。

如果你想保留HTML元素，你应该在P中添加A，所以： DIV＆gt; P>一个然后将样式添加到A标记。</ p>

Answer 2

为周围的锚标记提供类 readall 而不是段落。无论如何，我在这里摆脱了那个p元素。

Answer 3

<a href="themes.goodlayers2.com/musicclub/blog-full-with-right-sidebar/" class="readall"> <p> Read All News </p></a>

你可以保留p元素。

文本修饰不会影响超链接

3 个答案: