Grid with [class*=‘col-’]：类型末尾

Question

我想为我的网格设置user class*='col-':last-of-type来删除页边距。

<div class="col-1-3"></div>
<div class="col-2-3"></div>

css：

[class*='col-'] {margin-right: 10px}
[class*='col-']:last-of-type {margin:0}

但对最后一个元素(在本例中为col-2-3)不应用: last -of-type

Answer 1

:last-of-type找不到classes/id，很遗憾。它只能找到HTML元素。

尝试使用~选择器，如：div ~ [class*='col-'] {margin:0}

https://jsfiddle.net/susy19ee/1/