使用photopost的第一个标记作为标题-tumblr

我正在尝试使用tumblr上每个照片/照片集帖子的第一个标签，专门将其设置为标题（文本帖子有内置标题选项，照片帖子没有） 我发现了其他太手工制作的解决方案，但我认为从长远来看，第一个标签将是一种连贯的方式

我无法找到如何仅获取标记列表的第一个子项，或者如何从数组中获取它

这可能吗

---

感谢

在tumblr源代码编辑器中开始的{photo}部分之后，我直接编写了这个小js。我把它放在我的{photoset}标签后面。 因此，现在我的第一个照片和照片集标签的职位是作为标题。 这到了头部

.tag_to_title { STYLE HERE }

下面的代码片段{photo}在开头{/photo}和{photoset}这里也是{/photoset}

<script type="text/javascript">
    var myTags = {};
    {block:Posts}
    {block:HasTags}
    myTags[{JSPostID}] = [
        {block:Tags}
        {
            "tag": {JSTag},
            "tagURL": {JSTagURL},
        },
        {/block:Tags}
    ];
    </script>
    <h2 class="tag_to_title">
    <script type="text/javascript">
    document.write(myTags[{JSPostID}][0].tag);
    </script>
    </h2>
    </br>
    {/block:HasTags}
    {/block:Posts}

var myTags={}；
{block:Posts}
{block:HasTags}
myTags[{JSPostID}]=[
{block:Tags}
{
“标记”：{JSTag}，
“tagURL”：{JSTagURL}，
},
{/block:Tags}
];
write（myTags[{JSPostID}][0].tag）；


{/block:HasTags}
{/block:Posts}

使用纯css解决方案

HTML:

<div class="post cf">
  <ul class="notes">
     <li>Note 1</li>
     <li>Note 2</li>
     <li>Note 3</li>
  </ul>
</div>

您没有提供任何html，因此我猜测了其结构，但其原理很容易应用

此外，如果您只想让它影响照片帖子，您可以轻松地将css选择器更改为

.photo .notes li:first-child { //css }

等等

---

单独使用css是可能的，但你需要分享你的代码或展示一个工作示例，让其他人能够帮助你。我没有找到工作示例……你已经回答了你自己的问题？这是怎么回事：这只是使用一个纯css解决方案。@lharby我回答，因为我最终尝试的是有效的。我想我把它贴在这里，这样其他人也可以使用它。（我不知道为什么这个标题问题会存在）

.photo .notes li:first-child { //css }