Question

我正在尝试添加悬停伪类并应用以下样式：

Background color must be #eee
Use gray for font color

我是以两种方式完成的：

#container :hover {

    background-color: #eee;
    color: gray;
}

    </style>
  </head>
  <body>
    <div id="container">
      <a href="#">link</a>
      <a href="#">link</a>
      <a href="#">link</a>
      <a href="#">link</a>
      <a href="#">link</a>
    </div>

另一个是选择div。

div :hover {

    background-color: #eee;
    color: gray;
}

问题是最后一个更改背景颜色而不是字体颜色。我无法理解发生了什么。

Answer 1

要更改字体颜色，您必须将样式应用于标记。

#container:hover {
background-color: #eee;
}

#container a:hover{
color: gray;
}

CSS中用于悬停伪类的选择器

1 个答案: