Css 悬停属性适用于子对象

大家好，我一直在尝试将

box shadow

属性应用于网页，但如果我将效果应用于正常状态，则一切正常，但在悬停状态下，如果悬停在子对象上，则适用于父对象和子对象

正常状态：一切正常

悬停状态：属性应用于div中的每个元素

我曾尝试使用

Jquery

切换状态，但不起作用

HTML

<div class="results">
  <div class="result_wrapper">
    <div class="result">
      <h2 class="single"><a href="#"><font size="4dp">A title</font></a></h2>
      <div class="single">shortDiscription</div>
    </div>
  </div>
</div>

这是我的java servlet代码：

 out.println("<div class=\"results\">");
                for(Element post : results){
                    String link = post.childNode(0).childNode(0).absUrl("href");
                    String title = post.getElementsByTag("a").text();
                    String shortDiscription = post.getElementsByClass("b_caption").get(0).child(1).toString();
                    out.println("<div class=\"result_wrapper\" >");
                    out.println("<div class=\"result\">");
                    out.println("<h2 class=\"single\"><a href=\""+link+"\"><font size=\"4dp\">"+title+"</font></a></h2>");
                    out.println("<div class=\"single\">"+shortDiscription+"</div>");
                    out.println("</div></div>");
                }
                out.println("</div>");

out.println（“”）；
针对（要素岗位：结果）{
字符串链接=post.childNode（0.childNode（0.absUrl）（“href”）；
字符串title=post.getElementsByTag（“a”）.text（）；
String shortdescription=post.getElementsByClass（“b_caption”）.get（0.child（1.toString（）；
out.println（“”）；
out.println（“”）；
out.println（“”）；
out.println（“+shortdescription+”）；
out.println（“”）；
}
out.println（“”）；

尝试

指针事件：无

；在css中的子元素上

尝试

pointer事件：none

；在css中的子元素上，选择器

.myClmass:hover

意味着该规则将应用于该元素的所有子元素，该元素的类

myClmass

中鼠标实际位于上方。因此，您的规则将应用于类为

myClmass

---

如果要将框阴影应用于类为

myClmass

的元素，则选择器必须为

。myClmass:hover

之间没有空格。myClmass和

：hover

选择器

。myClmass:hover

表示规则应用于类为

的元素的所有后代元素鼠标实际位于的类
myClmass
。因此，您的规则将应用于类为
myClmass

如果要将框阴影应用于类为
myClmass
的元素，则选择器必须是
。myClmass:hover
且
之间没有空格。myClmass
和
：hover
我们需要您的代码来帮助您解决问题。显示发送到浏览器的实际输出，最重要的是css代码的相关部分，其中包含
：hover
。对于此类问题，不应显示服务器端代码，而应显示发送到客户端的相关html代码。您不应该期望有人试图弄清楚服务器端代码是如何构成发送给客户端的实际html代码的。因此，如果您将来有类似的问题，请检查浏览器中的源代码，并将相关部分发布在此处。谢谢，下次我们需要您的代码来帮助您解决问题时，我会记下。显示发送到浏览器的实际输出，最重要的是css代码的相关部分，包含
：hover
。不应显示此类问题的服务器端代码，而应显示发送到客户端的相关html代码。您不应该期望有人试图弄清楚服务器端代码是如何构成发送给客户端的实际html代码的。因此，如果您将来有类似的问题，请检查浏览器中的源代码，并将相关部分发布在此处。谢谢，我下次会记下。虽然这可能会解决问题，但它更像是一种解决方法，因为如果OP正确地使用了
：hover
，问题就不会出现。@t.niese你是对的，但是collins似乎不知道如何使用hover属性，而且他没有给我们他的CSS，所以这似乎是帮助他正确的唯一方法now@collins你有CSS文件吗？有，我将要添加整个css和html文件OK，因此您必须添加到子元素类
指针事件：无虽然这可能会解决问题，但它更像是一种变通方法，因为如果OP正确地使用了
：hover
，问题就不会出现。@t.niese你是对的，但是collins似乎不知道如何使用hover属性，而且他没有给我们他的CSS，所以这似乎是帮助他正确的唯一方法now@collins你有CSS文件吗？有，我将要添加整个css和html文件OK，因此您必须添加到子元素类
指针事件：无非常感谢，这是issueThanks。这对我来说非常新。感谢你解释这个概念非常有用。非常感谢，这是issueThanks。这对我来说非常新。感谢你解释这个概念非常有用。
 out.println("<div class=\"results\">");
                for(Element post : results){
                    String link = post.childNode(0).childNode(0).absUrl("href");
                    String title = post.getElementsByTag("a").text();
                    String shortDiscription = post.getElementsByClass("b_caption").get(0).child(1).toString();
                    out.println("<div class=\"result_wrapper\" >");
                    out.println("<div class=\"result\">");
                    out.println("<h2 class=\"single\"><a href=\""+link+"\"><font size=\"4dp\">"+title+"</font></a></h2>");
                    out.println("<div class=\"single\">"+shortDiscription+"</div>");
                    out.println("</div></div>");
                }
                out.println("</div>");