如何使CSS属性通配符选择器的外观语义标记？

Question

我在简单的CSS网格布局(https://css-tricks.com/dont-overthink-it-grids/)上看了一个例子，并意识到如果我在同一行中有一个<article class="col-2-3"></article>和<aside class="col-1-3"><aside>，那么我的属性选择器[class*="col-"]:last-of-type {padding-right: 0;}就会选择两个语义标记，而不仅仅是旁边的语义标记。

是否有一种方法不返回到<div>s，并且只对最后一个类型使用属性通配符选择器？

Answer 1

:last-of-type选择这两种类型是因为您的2种元素的类型是文章，另外，我相信您正在使用的教程只使用相同类型的div。

如果你决心把文章放在一边，试着使用[class*="col-"]:last-child。