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

李后的第一个选择器

3 个答案: