CSS选择多个标签

Question

如何使用css选择这些标签？如下所示：

<style type="text/css">
[attribute*="test"] {
        background-color: red;
    }
</style>

但它对标签不起作用

<test-1>
</test-1>
<test-2>
</test-2>
<test-3>
</test-3>

Answer 1

您不能使用属性选择器选择元素，因为它是针对属性的。据我所知，您不能使用通配符来选择元素。例如，你需要Javascript来选择你的元素，并添加类或属性，然后你可以使用CSS来定位它们。在任何情况下，出于性能原因，我都会尽量避免使用这些通配符选择器。

另请参阅：CSS Wildcard element name selection

Answer 2

请尝试此代码：

<test-1 class="ts">1
</test-1>
<test-2 class="ts">2
</test-2>
<test-3 class="ts">3
</test-3>
<style> 
[class*="ts"] {
  background: #ffff00;
}
</style>