仅当您转到特定点而不是整个文本时，鼠标才会悬停答案

【问题标题】：Mouse is hovering only when you go to a particular point and not on the whole text仅当您转到特定点而不是整个文本时，鼠标才会悬停
【发布时间】：2016-04-02 03:13:35
【问题描述】：

我有一个超链接，如果我尝试将鼠标悬停在上，它只会在光标的特定点上悬停。但我希望它悬停在整个文本上。但我做不到。请帮我。代码如下：

<div class="container">
    <ol class="breadcrumb">
        <li ng-repeat="crumb in breadcrumbs" ng-class="{ active: $last }"><a
            ui-sref="{{ crumb.route }}" ng-if="!$last" translate>{{ crumb.displayName
                }}&nbsp;</a><span ng-show="$last" translate>{{ crumb.displayName
                }}</span></li>
    </ol>
</div>

我希望<li> 标记中的第一个元素悬停。

【问题讨论】：

请问有什么更新吗？

标签： javascript jquery html css hover

【解决方案1】：

<html>
<head>
<style>

li:first-child a:hover,li:first-child a:hover+span{background-color:gray}


</style>
</head>

在标题中使用上面的代码...

【讨论】：

【解决方案2】：

你的 a 标签不应该出现在列表之前吗？

<div class="container">
<ol class="breadcrumb">
    <li ng-repeat="crumb in breadcrumbs" ng-class="{ active: $last }"><a
        ui-sref="{{ crumb.route }}" ng-if="!$last" translate>{{ crumb.displayName
            }}&nbsp;</a><span ng-show="$last" translate>{{ crumb.displayName
            }}</span></li>
</ol>

<div class="container">
<ol class="breadcrumb">
    <li ng-repeat="crumb in breadcrumbs" ng-class="{ active: $last }"><a ui-sref="{{ crumb.route }}" ng-if="!$last" translate>{{ crumb.displayName
            }}&nbsp;<span ng-show="$last" translate>{{ crumb.displayName
            }}</span></a></li>
</ol>

或者，至少分散一点，例如在您的 span 标签之后。

    <div class="container">
<ol class="breadcrumb">
    <a ui-sref="{{ crumb.route }}" ng-if="!$last" translate><li ng-repeat="crumb in breadcrumbs" ng-class="{ active: $last }">{{ crumb.displayName
            }}&nbsp;<span ng-show="$last" translate>{{ crumb.displayName
            }}</span></li></a>
</ol>

如果你有一个例子说明这看起来如何，这可能会让我更容易回答这个问题。

【讨论】：

如果我尝试上面的代码它不起作用。而不是实际名称 Home 正在显示。