子集继承父级的妙用
来源:互联网 发布:聚类算法matlab代码 编辑:程序博客网 时间:2024/06/03 17:14
今天写DEMO发现不设置默认属性,使用parent()设置父级,子集可以继承父级的一些属性,想到案例例如让li和li下的span同时设置红色字体可以简化不少
代码如下:
<!DOCTYPE html><html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
.box *{
border:2px solid #000; //这里设置了颜色#000,所以不会被继承
margin:15px;
padding: 5px;
display: block;
//这里没有设置color:#000
}
</style>
</head>
<body>
<div class="box">
<div style="width:300px;">div
<ul>ul
<li>li
<span class="s1">aaa</span>
</li>
</ul>
</div>
</div>
</body>
<script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".s1").parent().css({"color":"red","border":"2px solid red"});
})
</script>
</html>
可以看出.s1的父级li和自己本身都变成了color:red
而之前写死的border:2px solid #000却不会被父级继承
可以理解为一种过滤器
实际应用:留言板,支付列表等
优势:简化代码
0 0
- 子集继承父级的妙用
- 根据父级名称找出所有子集的SQL语句
- /()/的妙用
- ${}的妙用
- 子集构造 集合的子集合
- 谈谈 C++ 的私有继承 (Private Inheritance) 在跨平台(Cross Platform)上的妙用
- 6.块属性 子集默认宽度为父级的宽度
- 求解集合的子集
- 求集合的子集
- 序列的子集
- 求子集的算法
- 子集的二进制算法
- 求集合的子集
- 真子集的个数
- 求集合的子集
- 集合的子集
- 集合的子集
- 集合的子集
- 【MyBatis框架点滴】——MyBatis一级缓存
- UVA 11729 Commando War
- POJ 3417 LCA+DFS
- Ubuntu12.04 上网静态IP配置方法
- LightOJ 1027 A Dangerous Maze
- 子集继承父级的妙用
- spark机器学习笔记:(一)Spark Python初探
- tar 归档中找不到
- 多条件组合的查询列表页缓存
- AOPR破解密码技巧有哪些
- pycharm2016
- 《面向大规模RDF数据的语义搜索》笔记
- Android中的dispatchTouchEvent()、onInterceptTouchEvent()和onTouchEvent()
- 手把手教你Android手机与BLE终端通信--连接,发送和接收数据