如何识别一个博客帖子是否已经被选中？

Question

我正在使用Tumblr博客模板，在这个模板中，我需要区分处于折叠状态和扩展状态的博客文章/帖子。具体来说，我试图应用一个CSS属性(用于边框)，该属性必须仅适用于在折叠状态下显示在网格中的博客帖子，而不能应用于访问者选择博客以进一步阅读它时。

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

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

同样，div.post-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或任何其他技术来做到这一点？有什么办法能查到邮件的状态吗？

Answer 1

从示例页面来看，posts-holder div在网格页面上也有一个posts-grid类，但是在只显示一篇文章的页面上没有。因此，您只需将CSS悬停规则更改为

div.posts-holder article:hover

至

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

这样，只有在文章处于网格状态时，它才会被应用到文章中。

Answer 2

以下是问题的主要标题的答复：

如何识别一个博客帖子是否已经被选中？

这可以通过制造一个目标来实现..。看看这段代码：

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

Javascript

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


          click[a] = "selected";
}

因此，如果您想知道如果选择了这个div，那么只需在click对象中检查是否存在名为article1的属性，如果为true，则不要执行其他操作。