当子 div / jQuery 中存在特定类时，对 div 进行不同的样式
基本上，我需要 div.content 具有 15px 的默认填充，除非 div 具有子 div.products-list。如果 .products-list 的子 div 存在，我需要 div.content 没有填充。我阅读并看到了几种使用jquery的解决方案，但似乎没有效果。我的布局是这样的：
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){
$(".products-list").parents("div.content").css("padding", "0");
});
</script>
<style>
.content {
padding: 15px;
}
</style>
</head>
<body>
<div class="content">
<div class="products-list"></div>
</div>
</body>
感谢您的帮助！
Basically I need div.content to have a default padding of 15px EXCEPT for when the div has the child div.products-list. If the child div of .products-list exists I need div.content to have no padding. I read and saw several solutions using jquery, but it seems to have no effect. My layout is like this:
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){
$(".products-list").parents("div.content").css("padding", "0");
});
</script>
<style>
.content {
padding: 15px;
}
</style>
</head>
<body>
<div class="content">
<div class="products-list"></div>
</div>
</body>
Thanks for any help!
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
您可以使用一些 CSS 技巧来通过在内部 div 上使用负边距来“消除”填充：
http:// jsfiddle.net/mblase75/2HRUc/
You could use a little CSS trickery to "eliminate" the padding by using negative margins on the inner div:
http://jsfiddle.net/mblase75/2HRUc/