Question

在我的public extension UIImage { public func height(forWidth width: CGFloat) -> CGFloat { let boundingRect = CGRect( x: 0, y: 0, width: width, height: CGFloat(MAXFLOAT)) let rect = AVMakeRect(aspectRatio: size, insideRect: boundingRect) return rect.size.height } }列表中，我有几个带有<ul>标签的<li>。

当我将li子弹图标悬停在<a>标记上时（我的意思是<a>旁边的子弹）

我尝试了

<li>

但它不会影响a:hover { color:red; }项目符号图标。

我也尝试过

<li>

但是它不能完全正常工作，因为当鼠标移到ul li:hover{ color:red; }标签附近而不是<a>上时，项目符号开始改变颜色。

Answer 1

您的代码实际上对我有用。

<ul>
  <li>
    <a href="#">A</a>
  </li>
  <li>
    <a href="#">B</a>
  </li>
  <li>
    <a href="#">C</a>
  </li>
</ul>

CSS：

ul li:hover{
  color:red;
}

提琴：https://jsfiddle.net/tox9je8n/

Answer 2

我已经尝试过与您的问题有关的事情，并且效果很好。要解决li：hover不能悬停链接的问题，应将display：block设置为如下所示，以使其全角显示。

ul li a {
  color: black;
  display: block
}

ul li:hover {
  color: red;
}

ul li:hover a {
  color: black;
}

<ul>
  <li><a href="#">Value 1</a></li>
  <li><a href="#">Value 2</a></li>
  <li><a href="#">Value 3</a></li>
</ul>

将鼠标悬停在其中的标签上时，如何更改<li>项目符号图标？

2 个答案: