我在里面有简单的html我有一个父div,它有3个子div,每个子包含相同的headinig标签“h3”我想添加10px填充h3标签,不包括第一个标签不与html进行交互。例如第一个h3 = padding top = 0;第二个h3 = padding top = 10px;第三个h3 = padding top = 20px;通过jquery在标题标记中添加填充
<style>
.main { width:980px; margin:0 auto; border:solid 1px #F00; overflow:hidden}
.box { width:300px; float:left; margin-right:20px; background:#00F; height:200px;}
</style>
<script type="text/javascript" src="jquery/jquery-1.7.min.js"></script>
<script type="text/javascript">
$(function(){
//code
})
</script>
</head>
<body>
<div class="main">
<div class="box"><h3>first</h3></div>
<div class="box"><h3 style="padding-top:10px;">second</h3></div>
<div class="box"><h3 style="padding-top:20px;">third</h3></div>
</div>
</body>
你的ans是非常接近解决我的问题,它不是在第一个h3添加填充,因为我们使用.not方法的jquery,但我想添加pading在接下来的h3 10px和旁边第二个h3是20像素,如果我有一个超过30像素到 – Carlos 2012-03-19 04:48:19
@amit:啊,我没有注意到增加的填充。请检查我的更新。 – 2012-03-19 04:52:38
谢谢很多先生,它正在工作 – Carlos 2012-03-19 04:52:49