Javascript 如何确定博客文章是否已被选中？

我正在使用Tumblr博客模板，在该模板中，我需要区分处于折叠和展开状态的博客文章/帖子。具体地说，我正在尝试应用CSS属性（用于边框），该属性只能在博客文章以折叠状态显示在网格中时应用，而不能在访问者选择博客进一步阅读时应用

这是我对模板所做的更改：

    div.posts-holder article:hover
    {
        border: 1px #BDBDBD solid;
        box-shadow: 7px 7px 3px #D8D8D8;
    }

此外，div.posts-holder也是这样的（不是完整的代码，只是一个片段来表达想法）

{block:IndexPage}{/block:IndexPage}
{block:Posts}
注意，在悬停时，每个博客文章都有一个阴影边框。一旦我真的读了这些帖子，我就不需要这些了

如何使用JavaScript或任何其他技术实现这一点？有什么方法可以查找帖子的状态吗？
从您的示例页面来看，
posts holder
div在网格页面上也有一个
posts grid
类，但在只显示一篇文章的页面上没有。因此，您只需将CSS悬停规则从

div.posts-holder article:hover

到

这样，它只适用于网格中的文章。
以下是问题主要标题的答案：

如何确定博客文章是否已被选中

这可以通过制作一个对象。。。请看下面的代码：

HTML

   <div id="article1" onclick="selected("article1")"> </div>

因此，当您想知道如果选择了此div，那么只需检查
单击
对象中是否存在名为
Article 1
的属性，如果为true，则执行其他操作，然后不
您可以链接到应用了主题的示例页面吗？我们需要知道
元素在扩展时发生了哪些变化，以告诉您如何使用JS/CSS检测这些变化。例如，可以单击添加类，也可以更改应用于
文章的样式。框的.height（）如何？@freshtop:我已经添加了示例链接，请检查。TimSPQR：你能详细说明我如何使用.height（）？天哪！那真是奇迹！很简单，我觉得错过了这一点有点愚蠢，谢谢！
div.posts-holder.posts-grid article:hover

   <div id="article1" onclick="selected("article1")"> </div>

   var click= {};
    var selected = function(a){


          click[a] = "selected";
}