删除 Elementor 帖子中最后一个 Child 的边框

Question

我想删除 Elementor 中所有 post 个小部件的最后一个 post 的边框。

我为所有 post 小部件设置了自定义 class post-list 然后我在页面级别添加了自定义 CSS（因为我想要这条规则全球）

.post-list:last-child {
    border: none !important;
}

但是，这并没有去掉最后一个post的边框。

HTML 结构

<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-1c04e94" data="1c04e94" dataElementType="column">
    <div class="elementor-column-wrap elementor-element-populated">
        <div class="elementor-widget-wrap">
            <div class="elementor-element elementor-element-05e24aa elementor-grid-1 elementor-hidden-phone elementor-posts--thumbnail-none elementor-grid-tablet-1 post-list elementor-grid-mobile-1 elementor-widget elementor-widget-posts">
                <div class="elementor-widget-container">
                    <div class="elementor-posts-container elementor-posts elementor-posts--skin-classic elementor-grid">
                    <article class="elementor-post elementor-grid-item post-571 post type-post status-publish format-standard has-post-thumbnail hentry category-for-fun">
                    <div ...>
                    <article class="elementor-post elementor-grid-item post-571 post type-post status-publish format-standard has-post-thumbnail hentry category-for-fun">
                    <div ...>
                    <article class="elementor-post elementor-grid-item post-571 post type-post status-publish format-standard has-post-thumbnail hentry category-for-fun">
                    <div ...>

Answer 1

在意识到我没有引用正确的 class 后解决了它。

.post-list
.elementor-grid article:last-child {
    border: none !important;
}

删除 Elementor 帖子中最后一个 Child 的边框

Remove Border From The Last Child In Elementor Posts

css

css-selectors

elementor

HTML 结构