适用于子节点的悬停属性
适用于子节点的悬停属性
提问于 2016-08-27 12:24:50
大家好，我一直在尝试将box-shadow属性应用于网页，但如果我将效果应用于正常状态，则一切正常，但在悬停状态下一切正常，如果我悬停在子页面上，则它同时适用于父级和子级。
正常状态:一切正常。
悬停状态:属性应用于div中的每个元素。
我尝试过使用Jquery切换状态，但它不起作用。
<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>CSS
.result {
background-color: #fff0f0;
padding: 5px;
margin: 1%;
width: 600px;
box-shadow: 2px 2px 5px grey;
transition: all 0.5s ease;
}
.myClmass :hover {
display: block;
box-shadow: 2px 2px 5px grey;
transition: all 0.5s ease;
}
.singleHover {
all: revert;
}
.results {
float: left;
}
.vid {
float: right;
margin: 1%;
}
.vidHeader {
background-color: #d69797;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 400px;
padding-left: 5%;
text-align: center;
}这是我的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>");Stack Overflow用户
发布于 2016-08-27 12:30:14
在css中的子元素上尝试pointer-events:none；
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/39181118
复制相关文章
相似问题
腾讯云开发者
