CSS(十一)——lastchild问题

129 阅读1分钟

使用lastchild的两点要求

  1. 一定要有一个父元素
  2. 这个元素必须是父元素的最后一个子元素
  <style>
        a{
            color: palevioletred;
        }
        ul>li:last-child>a{
           color: aqua;
           text-decoration: none;
           list-style: none;
        }
        </style>
</head>
<body>
    <ul>
        <li>
            <a href="#">Et Aiors</a>
        </li>
        <li>
            <a href="#">是一个有趣的灵魂</a>
        </li>
        <li>
            <a href="#">你想了解一下吗</a>
        </li>
    </ul>
</body>

效果如下: