html - 仅当元素具有具有特定类的子元素时才选择该元素

<分区>

我有这个标记:

<div class="container page-content">

</div>

通常类 page-content 有一个填充:

.container.page-content{
    padding-top: 160px;
}

但在特定页面上，我的 div 中有一个类“item-pagehome”:

<div class="container page-content">
   <div class="item-pagehome">
     Some Content ... 
   </div>
</div>

在这种特殊情况下，我想禁用 .page-content 的 padding-top。但是我该怎么做呢？

我尝试选择:

.page-content:has(> .item-pagehome){
   padding-top: 0px;
}

但这不起作用......

How can I select a div only when it is a specific child class, in this case .item-pagehome?

最佳答案

.container.page-content .item-pagehome {
    margin-top: -160px;
}

关于html - 仅当元素具有具有特定类的子元素时才选择该元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38724222/

相关文章：

html - 使用 bootstrap 和第 n 个子项的下拉菜单样式