Установить стиль для имен классов, имеющих случайное число - PullRequest
Новая
       5

Установить стиль для имен классов, имеющих случайное число

0 голосов
/ 25 сентября 2018

Если у меня есть класс, такой как

.pin_12345_btn_select

Где 12345 - это случайное число (которое может быть длиной от 5 до 12 символов)

Есть лиспособ, которым я могу установить единый стиль класса для всех тех, которые присутствуют на сайте, используя случайное число, как указано выше.

Например;

.pin_#####_btn_select { Z-index:99; width:220px; }

Спасибо

Грег

1 Ответ

0 голосов
/ 25 сентября 2018

Вы можете использовать селекторы атрибутов , при условии текст начала и конца всегда одинаков и меняется только случайное число. 

  [class^="pin_"][class$="_btn_select"]

Первый селектор выбирает любой класс, начинается с требуемого текста, где второй выбирает классы, которые заканчиваются с выбранным текстом.Если мы сделаем их одним селектором, то ..... 

div {
  padding: 1em;
  margin: 1em auto;
  background: red;
  text-align: center;
}

[class^="pin_"][class$="_btn_select"] {
  background: green;
}

[class$="_btn_select"] {
  background: yellow;
}
<div class="pin_12345_btn_select">Should work</div>
<div class="12345_btn_select">Wont Work Fully</div>
<div class="pin_12345">Definitely won't work</div>
<div class="pin_random_btn_select">Should work</div>
...