选定的课程不起作用 - CSS

Question

我的page.php中有一个分页。 它是在PHP中，所以我尝试将其转换为html。 我想要的是这个页面2是黄色的（ffff00）。 class selectnav无效：

Jsfiddle

HTML

<div id="nav">
<a href="/page/1">First</a>
<a href="/page/$anterior"><</a>
<a href="/page/1">1</a>

<a href="/page/2" class="selectnav">2</a>
<a href="/page/3">3</a>

<a href="/page/$posterior\">></a>
<a href="/page/$totalPagina\">last</a>

</div>

CSS

#nav a:link, #nav a:visited, #nav a:hover {
 text-decoration: none;
 border:1px solid #ddd;
 background-color:#fff;
 padding:3px;
 padding-left:6px;
 padding-right:6px;
 margin-right:5px;
}
#nav a:hover{
 background-color: #ff0000;
 color:#fff;
}
.selectnav{
 background-color: #ffff00;
}

为什么selectnav（第2页）不是黄色的？ 谢谢！

Answer 1

第一种风格具有更高的特异性。你可以通过赋予selectnav更高的特异性来解决这个问题，比如

#nav a.selectnav{
 background-color: #ffff00;
}

＆＃13;

＆＃13;

#nav a:link,
#nav a:visited,
#nav a:hover {
  text-decoration: none;
  border: 1px solid #ddd;
  background-color: #fff;
  padding: 3px;
  padding-left: 6px;
  padding-right: 6px;
  margin-right: 5px;
}
#nav a:hover {
  background-color: #ff0000;
  color: #fff;
}
#nav a.selectnav {
  background-color: #ffff00;
}

＆＃13;

<div id="nav">
  <a href="/page/1">First</a>
  <a href="/page/$anterior">
    <</a>
      <a href="/page/1">1</a>

      <a href="/page/2" class="selectnav">2</a>
      <a href="/page/3">3</a>

      <a href="/page/$posterior\">></a>
      <a href="/page/$totalPagina\">last</a>

</div>

＆＃13;

＆＃13;

＆＃13;