<!DOCTYPE html>
<html>
<head>
<style>
.ancestors *
{
display: block;
border: 2px solid lightgrey;
color: lightgrey;
padding: 5px;
margin: 15px;
}
</style>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
$("span").parent().css({"color":"red","border":"2px solid red"});
});
</script>
</head>
<body>
<div class="ancestors">
<div style="width:500px;">div (曾祖父)
<ul>ul (祖父)
<li>li (直接父)
<span>span</span>
</li>
</ul>
</div>
<div style="width:500px;">div (祖父)
<p>p (直接父)
<span>span</span>
</p>
</div>
</div>
</body>
</html>
相关文章
- 11-10DIV飘出的动态效果
- 11-10解惑:如何使用html+css+js实现旋转相册,立方体相册等动画效果
- 11-10jtopo连线绘制脉冲动画效果
- 11-10CSS3动画效果下拉导航菜单效果
- 11-10android studio: 实现类似于XCode中的#pragma mark的效果
- 11-10BI工具数据可视化效果哪家强?我选这款!
- 11-10跑马灯效果如何实现?Smartbi一文助你掌握
- 11-10领导说的可视化效果是什么?又该如何实现呢?
- 11-10AE二次开发中,过滤后的图层,实现缩放至图层效果
- 11-10python – 如何查看sklearn.preprocessing.PolynomialFeatures的效果?