选择带有css:悬停声明的元素

select elements with css :hover declaration

本文关键字：声明 元素 悬停 css 选择      更新时间：2023-09-26

我在网上没有找到任何答案，所以可能有人可以帮助我。

例如，如果我们有下一个CSS声明：

.hot_imgs li .detail{position:absolute;left:0;top:0;display:none;width:190px;height:190px;padding:0 40px;color:#fff;font-size:16px;font-family:"Microsoft YaHei","'5fae'8f6f'96c5'9ed1","'5b8b'4f53"}
    .hot_imgs li .detail h3{margin-top:75px}
    .hot_imgs li a:hover .img_bg,.hot_imgs li a:hover .detail{display:block}

以及给定的元素：

<div class="hot_imgs">
    <li id="711F">
      <a href="#">
        <img src="www.fishki.com" alt="Young" width="270" height="190">
        <span class="img_bg"></span>
        <div class="detail">
          <h3>Young</h3>
        </div>
      </a>
    </li>
<div>

正如我们从CSS声明中看到的，当带有类hot_imgs的div内的列表链接悬停时，该div将被另一个带有details类的div覆盖。

我想使用jQuery来确定哪些元素可能在滚动时触发"：hover"属性，而不需要任何鼠标交互。

非常感谢

你不能针对伪元素本身，所以如果你要使用jquery，它内置了悬停功能。你需要知道你想检查悬停的项目，例如，如果你想检查图像，你可以这样做。

$(".hot_imgs img").hover(function(){
  //your logic here
});

只是附带说明-所有元素都可以有"：hover"，因此您需要使用jquery作为目标。因此，没有什么可以检查哪些元素"可能"具有：悬停，因为它是一个伪选择器/类。

下面是这个例子的小提琴——http://jsfiddle.net/W4Km8/5413/

相关文章：