li 后的第一个选择器

Question

我有this 场景：

<ul>
    <li>
        <a href="/">Home</a>
    </li>

    <li class="page_item page-item-5 current_page_item">
        <a href="/help">Help</a>
    </li>

    <li class="page_item page-item-7">
        <a href="/follow">Follow</a>
    </li>
</ul>​

li
{
    margin-bottom:10px;
}

a
{
    border:1px solid #000000;
}

ul li + page_item a
{
    border:0;
}

而且，你怎么看，我想只删除第一个链接上的边框，page_item，ul li + page_item a，但它似乎不起作用？ ​

Answer 1

您的班级选择器前面缺少.。

假设你的第一个 li 永远不会有这个类，而你只想选择它后面的 li.page_item，你可以使用这个选择器：

ul li:first-child + li.page_item a
{
    border:0;
}

但是，如果您希望第一个 li.page_item a 没有边框，无论它在哪里，您都需要处理这个 another way...

ul li.page_item a
{
    border:0;
}

a, ul li.page_item ~ li.page_item a
{
    border:1px solid #000000;
}

Answer 2

您在 css 文件中使用此代码

ul li.page_item a{
  border:0px none;
}

Answer 3

您错过了类标识符（dot）

更改 CSS 的最后一部分：

ul li.page_item a
{
    border:none;
}

还有一个提示：使用border:none; 而不是border:0