CSS选择多个标签答案

【问题标题】：CSS Select multiple tagCSS选择多个标签
【发布时间】：2019-05-15 09:26:34
【问题描述】：

如何使用 css 选择那些标签？像这样：

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

但它不适用于标签

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

【问题讨论】：

有趣的问题。为此，您可能需要 js。 jsfiddle.net/3wnjvt0k/1（只是一个演示，可能有更好的方法。）
所以就像一个问题 - test-1 等是通过某种方式自定义添加的 DOM 元素，您正在尝试设置它们的样式？

标签： html css css-selectors

【解决方案1】：

您不能使用属性选择器选择元素，因为它是用于属性的。据我所知，您不能使用通配符来选择元素。您将需要例如Javascript 来选择你的元素并添加你可以使用 CSS 定位的类或属性。无论如何，出于性能原因，我会尽量避免使用这些通配符选择器。

另请参阅：CSS Wildcard element name selection

【讨论】：

【解决方案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>

【讨论】：

没有。选择器标签是动态的。所以我可以添加另一个标签，但应该选择所有标签
你也只需要 .ts 就可以了吗？（如.ts {background: #ffff00}）