выберите элементы с css: объявление hover

Question

Я не нашел ответа в Интернете, так что может кто-то может мне помочь.

Например, если мы имеем следующую декларацию 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, когда звено списка внутри DIV с классом hot_imgs является зависание, div будет наложено другим div с классом данных.

Я хотел бы использовать jQuery для определения того, какие элементы потенциально могут иметь атрибут «: hover», срабатывающий при опрокидывании без какого-либо взаимодействия с мышью.

Большое спасибо

Answer 1

Вы не можете предназначаться псевдо элементы сами, так что если вы собираетесь использовать JQuery для этого у него есть кое-что для висения построен. Вы должны знать, что элементы, которые вы хотите проверить для зависания, так например, если вы хотите проверить изображение, которое вы могли бы сделать.

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

Просто примечание стороны - все элементы могут иметь «: зависать», так что вам нужно будет предназначаться с JQuery. Таким образом, нет ничего, чтобы проверить, какие элементы «потенциально» могут иметь: наведите курсор, поскольку это псевдоселектор/класс.

Вот скрипка в этом примере - http://jsfiddle.net/W4Km8/5413/