小编Sun*_*Ton的帖子

:last-child将样式应用于所有元素

我正在尝试创建一个容器选项卡.

我想对border-right除了我的最后一个li a孩子之外的每个元素应用a ,但是选择器:last-child将它应用于整个列表.

我想删除border-right最后一个li a

看图像:

在此输入图像描述

但这发生了

div#tabs {
  width: 100%;
}
ul.tab {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
ul.tab li {
  width: 100%;
}
ul.tab li a {
  display: inline-block;
  padding: 15px 0;
  width: 100%;
  text-align: center;
  border-right: solid 1px #CCC;
  border-bottom: solid 1px #ccc;
}
ul.tab li a:last-child {
  border-right: none;
}

Run Code Online (Sandbox Code Playgroud)

<div style="width:500px; margin:auto;">
  <div id="tabs">
    <ul class="tab">
      <li><a href="#">Menu1</a></li>
      <li><a href="#">Menu2</a></li>
      <li><a …

Run Code Online (Sandbox Code Playgroud)

html css css-selectors css3 flexbox

Sun*_*Ton

2016 10-08

3
推荐指数

1
解决办法

852
查看次数