我试图在一个
我尝试使用
以下是我的HTML:
div
的所有子元素中添加 padding
,除了最后一个子元素。我尝试使用
last-child
的否定形式,但是当我使用它时,甚至不会给其余的子元素添加 padding
...以下是我的HTML:
#container .description:not(:last-child) {
padding-bottom: 10px;
}
<div id="container">
<h3>Title</h3>
<div class="box">
<div class="title">Description</div>
<div class="description">Description 1</div>
</div>
<div class="box">
<div class="title">Description</div>
<div class="description">Description 2</div>
</div>
<div class="box">
<div class="title">Description</div>
<div class="description">Description 2</div>
</div>
Testing here
</div>
.description
元素都是它们父元素的:last-child
;因此,您的选择器不会选择任何元素,因此也不会应用任何样式。 - David Thomas