Question

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

我一直在阅读一些文章，他们告诉我首先确定特定菜单项的ID，但是当我右键单击“ SUBSCRIBE”时，我只会看到ID，但没有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://urlshortenerlinkchangedforstackoverflow.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 {
    ...
}

Answer 2

尝试

.nav .parent:last-child a {
        border: 1px solid;
        padding: 5px 10px;
        border-radius: 100px;
    }

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

2 个答案: