Question

基本上我需要div.content，当div有子div.products-list时，默认填充为15px EXCEPT。如果.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>

感谢您的帮助！

Answer 1

if($("div.product-list div.content").length > 0) {
    $("div.product-list").css('padding', 0);
}

Answer 2

你可以使用一点CSS技巧通过在内部div上使用负边距来“消除”填充：

div.content {
    padding: 15px;
}
div.products-list {
    margin: -15px;
}

http://jsfiddle.net/mblase75/2HRUc/

当子div / jQuery中存在特定类时，不同地设置div的样式

2 个答案: