第一个儿童合格标题

Question

我正在尝试更改一组标签的格式 - 第一个对齐到左侧，最后一个对齐，中间位于中间，缩短版本：https://jsfiddle.net/qqwc51sb/2/。

Vis("VISIBLE","GONE");
...
...
...
public void vis(String a, String b){
Linearlayout1.setVisibility(View.a);
Linearlayout2.setVisibility(View.b);
}

我认为.krown-tabs .titles li { border: 1px solid #000; width: 20%; display: table; float: left; } .krown-tabs .titles h5 { text-align: center; } .krown-tabs .titles h5:first-child { text-align: left; } 不起作用，因为:first-child是合格的。但是，选项卡文本的其余格式在此选择器中，并且在没有<h5>的情况下不起作用。

谢谢

Answer 1

您应该使用:first-child和:last-child来<li>，而不是<h5>。像这样：

.krown-tabs li:first-child h5 {
  background: red;
}
.krown-tabs li:last-child h5 {
  background: blue;
}

＆＃13;

＆＃13;

.krown-tabs .titles li, .memberdeck .dashboardmenu li {
    border: 1px solid #000;
    width: 20%;
    display: table;
    float: left;
 }
.krown-tabs .titles h5 {
    text-align: center;
}
.krown-tabs .titles h5:first-child {
    text-align: left;
}
.krown-tabs li:first-child h5 {
  background: red;
}
.krown-tabs li:last-child h5 {
  background: blue;
}

＆＃13;

<div class="krown-tabs clearfix">
  <ul class="titles clearfix autop">
    <li class="">
      <h5>All</h5>
    </li>
    <li class="opened">
    <h5>Arts</h5>
    </li>
    <li>
      <h5>Fashion</h5>
    </li>
    <li>
      <h5>Food & Drink</h5>
    </li>
    <li>
      <h5>Wellbeing</h5>
    </li>
  </ul>
</div>

＆＃13;

＆＃13;

＆＃13;