如何识别一篇博客文章是否被选中

我正在使用一个Tumblr博客模板，我需要区分博客文章/帖子在他们的崩溃和展开状态。具体来说，我试图应用一个CSS属性(为边界)，必须只适用于博客文章时，他们被显示在网格中的折叠状态，必须不适用，当访问者选择博客进一步阅读它。

这是我对模板所做的修改:

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

另外，div.posts-holder看起来是这样的(不是完整的代码，只是一个片段来给出一个想法)

<section class="the-posts">
    <div class="posts-holder
    {block:IndexPage} posts-grid{/block:IndexPage}">

        {block:IndexPage}<div class="grid-sizer"></div>{/block:IndexPage}

        {block:Posts}
        <article id="{PostID}" class="type_{PostType} {TagsAsClasses}" rel="{ReblogURL}">
            <div class="article-content">

下面是我创建的一个虚拟博客的链接，用来说明这个问题:示例博客链接观察悬停时，每个博客文章都有一个阴影边界。一旦我真正读到这些帖子，我就不需要这个了。

我如何使用JavaScript或任何其他技术做到这一点?有什么方法可以让我查看邮件的状态吗?

div.posts-holder article:hover

div.posts-holder.posts-grid article:hover

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

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

          click[a] = "selected";
}