如何在 Blogger 博客的菜单项周围创建边框？

Question

我正在尝试自定义我的 Blogger 博客。我想在 "SUBSCRIBE" 菜单项周围添加一个白色边框以使其更加引人注目。

我一直在阅读一些文章，他们告诉我首先要确定特定菜单项的 ID，但是当我右键单击 "SUBSCRIBE" 我只看到但没有 ID...

编辑：这里是有问题的代码：

<div class="widget PageList" data-version="1" id="PageList1">
    <div class="widget-content">
        <div class="menus">
            <ul class="nav">
                <li class="parent"><a href="https://www.thekawaiifiles.com/">Home</a></li>
                <li class="parent"><a href="https://www.thekawaiifiles.com/p/about.html">About</a>
                <li class="parent"><a href="https://www.thekawaiifiles.com/p/archive.html">Archive</a></li>
                <li class="parent"><a href="https://urlshortenerlinkchangedforwhosebug.com">Subscribe</a></li>
            </ul>
        </div>
    </div>
</div>

Answer 1

您的菜单项没有 ID，但您可以使用

定位菜单中的最后一个元素

#PageList1 .nav li:last-child a {
    border: 2px solid #fff;
    padding: 4px;
}

如果它并不总是菜单中的最后一个元素，那么您可以使用 nth-child() 选择器来定位它，即

#PageList1 .nav li:nth-child(4) a {
    ...
}

如何在 Blogger 博客的菜单项周围创建边框？

How to create border around menu item in Blogger blog?

css

blogger

menuitem