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

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>