如何在外观语义标签上创建CSS属性通配符选择器？

Question

我正在通过简单的CSS网格布局（https://css-tricks.com/dont-overthink-it-grids/）上的示例，并意识到如果我在同一行中有<article class="col-2-3"></article>和<aside class="col-1-3"><aside>，我的属性选择器{ {1}}正在选择两种语义标签，而不仅仅是旁边。

有没有办法不回复[class*="col-"]:last-of-type {padding-right: 0;}，并且只使用属性通配符选择器作为最后一种类型？

Answer 1

:last-of-type正在选择这两个元素，因为您的2个元素的类型是文章和一边，我相信您使用的教程仅使用 div 属于同一类型。

如果您决定将文章放在一边，请尝试使用[class*="col-"]:last-child。