css last-child with:not selector

Question

我有一个动态的数字,ul.column其中一些有disabled类.例如:

<ul class="column"></ul>
<ul class="column"></ul>
<ul class="column disabled"></ul>

我不知道有多少可以有,但我想要应用border-right到最后.column这不也有.disabled类.

我尝试过类似的东西:

ul:not(.disabled):last-child {border-right:1px solid black}

和

ul:last-child:not(.disabled) {border-right:1px solid black}

但无论:not(.disabled)选择器如何,样式始终适用于最后一个元素.还有另一种方式来设计最后一种.column那还没有.disabled班级？

我很好用jQuery,但我不知道如何实现我想要的.

Answer 1

仅使用css选择器是不可能的.你可以使用jQuery.

演示

$('ul:not(.disabled):last').css('border-right', '1px solid black');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<ul class="column">
  <li>test</li>
</ul>
<ul class="column">
  <li>test</li>
</ul>
<ul class="column disabled">
  <li>test</li>
</ul>