CSS中悬停伪类的选择器[重复]答案

【问题标题】：Selector for hover pseudoclass in CSS [duplicate]CSS中悬停伪类的选择器[重复]
【发布时间】：2018-04-01 15:56:55
【问题描述】：

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

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;
}

问题是最后一个更改了背景颜色但没有更改字体颜色。我不明白发生了什么。

【问题讨论】：

标签： css html pseudo-class

【解决方案1】：

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

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

#container a:hover{
color: gray;
}

【讨论】：