Question

这是我<style>中的css：

＆＃13;

a {
  transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
  outline: none;
  color: #161616;
  text-decoration: none;
}
a:hover, a:focus {
  color: #D6D6D6;
  outline: none;
  text-decoration: none;
}

＆＃13;

＆＃13; 然后我的链接是黑色的，灰色悬停。但是当我在entry content a中添加一种颜色时：

＆＃13;

.entry-content a {
    color: #E5C9CC;
}

＆＃13;

然后我的链接只是粉红色，没有灰色悬停，我也不知道为什么。

我不希望我博客上的所有链接都是粉红色的，只有我的条目中的链接需要粉红色并且灰色悬停。

Answer 1

试试这个

.entry-content a {
    color: #E5C9CC;
}

a {
  transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
  outline: none;
  color: #161616;
  text-decoration: none;
}

a:hover, a:focus {
  color: #D6D6D6;
  outline: none;
  text-decoration: none;
}

<a href="#">Link #1</a><br />
<a href="#">Link #2</a>
<div class="entry-content">
	<a href="#">Link into div</a>
</div>

Answer 2

也许，像这样

.entry-content a {
     color: #161616;
}
.entry-content a:hover {
    color: #D6D6D6;
}

Answer 3

试试这个：

a {
  transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
  outline: none;
  color: #161616;
  text-decoration: none;
}
 .entry-content a {
    color: #E5C9CC;
 }

a:hover, a:focus, .entry-content a:hover, .entry-content a:focus {
  color: #D6D6D6;
  outline: none;
  text-decoration: none;
}

选择器的顺序和具体方式非常重要。如果您指定悬停样式也适用于entry-content，它将起作用

Wordpress链接悬停颜色

3 个答案: