Javascript 在外部类上应用悬停，但不在内部div上应用悬停

如何在.blog post类的悬停上放置边框？

将伪状态直接应用于预期的目标元素：

.blog post:hover{border:3px实心rgba（0,0,0.1）；}

。博客帖子：悬停{
边框：3倍实心rgba（0,0,0,0.1）；
}

...
...

一件可能的事情是将文章包装在

中，并将悬停属性添加到该div中。

试试这个

在css中使用直接

文章

文章：悬停{
边框：3倍实心rgba（0,0,0,0.1）；
}

...
...

删除CSS中.blog post和：hover之间的空格您的CSS当前选择类为

.blog post

的所有项目以及所有悬停的元素。正如@Gerard指出的：删除空格。谢谢。这解决了我的问题

    <article class="post blog-post" itemprop="blogPost" itemtype="http://schema.org/BlogPosting" itemscope="itemscope">

            <div class="one-third first">
            ...
            </div>
            <div class="two-thirds">
            ...
            </div>

    </article>

.blog-post :hover {
    border: 3px solid rgba(0,0,0,0.1);
}