Html 如何获取article元素中h3下的段落标记？

我有一个我写的克隆脚本页面：

*，：：之后，：：之前{
框大小：继承；
}
文章、旁白、页脚、页眉、导航、章节{
显示：块；
}
img{
边框样式：无；
}
李，ul{
列表样式：无；
}
.列出额外细节，.列出密钥规格{
列表样式类型：无；
利润率：8px 0 4px；
填充：0；
宽度：100%；
最大高度：36px；
}
.产品卡{
背景色：#fff；
盒影：0 8px 8px-8px rgba（0,0,0,16），0 0 2px rgba（0,0,0,1）；
边界半径：4px；
边框：2倍实心；
填充：0；
溢出：隐藏；
宽度：100%；
位置：相对位置；
过渡：所有.25秒轻松进出；
边缘底部：20px；
}
.产品卡内容{
宽度：50%；
柔性生长：1；
显示器：flex；
弯曲方向：立柱；
证明内容：之间的空间；
}
.产品卡内容p{
边缘顶部：20px；
}
.产品卡图像{
弯曲方向：行；
最大宽度：46%；
}
.产品卡图像{
身高：100%；
位置：相对位置；
显示器：flex；
z指数：1；
溢出：隐藏；
宽度：100%；
自对准：居中；
对齐项目：拉伸；
}
.product card image.product-card-image\uuuu主图像{
宽度：76%；
页边距底部：0；
右边距：2px；
}
.产品卡图像.产品卡图像缩略图{
弯曲方向：立柱；
最大宽度：24%；
}
.产品卡图像.产品卡图像缩略图{
显示器：flex；
位置：相对位置；
}
.product card image.product-card-image\uuuu缩略图。product-card-image\uuuu图像：类型的第一个{
边际上限：0；
}
.产品卡图片.产品卡图片缩略图.产品卡图片图片{
最大宽度：100%；
最高高度：33%；
边缘顶部：2倍；
}
.产品卡图片.产品卡图片缩略图.产品卡图片图片{
宽度：100%；
右边距：2px；
}
.产品卡图片.产品卡图片{
身高：100%；
}
.product-card\uuuu内部{
显示器：flex；
}
第1.1条{
显示：块；
浮动：对；
}
.价格{
显示：块；
浮动：对；
左：80px；
颜色：#333；
线高：1.2；
}

汽车销售
沃克斯霍尔莫卡1.6
2015，65，银牌，8000英里

£21,990
沃克斯霍尔莫卡1.6
2015，65，银牌，8000英里

£21,990

可以使用

justify content:start

将内容放在元素的顶部

div

：

.product-card-content {
    width: 50%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: start;
}

---

所有图元都有由浏览器指定的默认页边距。只需将

h3，p{margin:0}

放在父div change

。产品卡内容{justify content:start}

这对我很管用

如果这是你想要的

---

您有

证明内容：您的
产品卡内容
类
中

与

div

之间的空间占据了

父级

的整个

高度

。您可能需要将其更改为

justify-content:flex-start

谢谢，可以了！谢谢，真的很好用@阿克兰，很高兴它帮助了你！请随意投票简化