Перейти к содержимому



Как прописать разный фон в css для data

#1 Eva-Eva
Eva-Eva
  • Пользователь
  • 3 сообщений
  • Репутация: 0
0

Отправлено 18 марта 2020 - 11:02

Добрый день, форумчане!
Второй день пытаюсь решить задачу, помогите, пожалуйста.

Сайт сделан на тильде, часть дописываю в коде.

Вопрос в следующем: есть готовый фильтр для каталога, названия прописаны буквами.

Нужно заменить буквенные названия на плашки с цветами. Прописала форму, размер самой плашки, проблема с указанием цвета для конкретной плашки, меняются только все сразу.

 

Прикрепленные изображения

  • плашки.jpg
  • мой код.jpg

 

 

  • 0

#2 BLIK
BLIK
  • Супермодератор
  • 4 678 сообщений
  • Репутация: 1072

Отправлено 18 марта 2020 - 19:25

@Eva-Eva, Возможно, добавить свой класс для плашки с цветом?

class="Имя класса"

И потом его дописывать там, где нужен цвет.

 

Если я правильно понял проблему.


  • 0

Качественный хостинг   Тут может быть ваша ссылка.



#3 Eva-Eva
Eva-Eva
    Topic Starter
  • Пользователь
  • 3 сообщений
  • Репутация: 0

Отправлено 18 марта 2020 - 19:39

@BLIK это был бы идеальный вариант, но именно в этом сложность.

 

как бы через css решить этот вопрос?


Для каждого цвета прописаны переменные, по ним возможно прописать стили?

 

<div class="js-store-parts-switcher t-store__parts-switch-btn t-name t-name_xs t-menu__link-item" data-storepart-link="#!/tstore/r/169905736/c/824663145533-Оранжевый" data-storepart-uid="824663145533">Оранжевый</div>

 

div.js-store-parts-switcher.t-store__parts-switch-btn.t-name.t-name_xs t-menu__link-item[data-storepart-link=#!/tstore/r/169905736/c/824663145533-Оранжевый data-storepart-uid=824663145533]{

background: #000000;

}

 

Мой вариант не работает.


  • 0

#4 BLIK
BLIK
  • Супермодератор
  • 4 678 сообщений
  • Репутация: 1072

Отправлено 18 марта 2020 - 19:49

как бы через css решить этот вопрос?

Посмотрите http://htmlbook.ru/samcss/klassy


  • 0

Качественный хостинг   Тут может быть ваша ссылка.



#5 Eva-Eva
Eva-Eva
    Topic Starter
  • Пользователь
  • 3 сообщений
  • Репутация: 0

Отправлено 18 марта 2020 - 20:28

классы у всех одинаковые class="js-store-parts-switcher t-store__parts-switch-btn t-name t-name_xs t-menu__link-item"

прописать в html нет возможности, всё закрыто.


  • 0

#6 BLIK
BLIK
  • Супермодератор
  • 4 678 сообщений
  • Репутация: 1072

Отправлено 18 марта 2020 - 21:05

@Eva-Eva, Попробуйте в поддержку тильды написать, может подскажут, как выйти из положения и задать стили каждому блоку.


  • 0

Качественный хостинг   Тут может быть ваша ссылка.





Похожие темы
  Название темы Автор Статистика Последнее сообщение

Пользователь месяца
Megoydagi Megoydagi 1-й за Февраль
Очков активности: 777 6 тем, 56 сообщений, 7 баллов репутации
Сайт: 24ho.ru
ТОП самых активных за этот месяц
  • Фотография Vmir
    #1

    Vmir
    Очков активности: 756 3 темы, 47 сообщений, 9 баллов репутации

  • Фотография MattCutts
    #2

    MattCutts (dmitrylee.com)
    Очков активности: 547.5 5 тем, 58 сообщений, 5 баллов репутации

  • Фотография r0mZet
    #3

    r0mZet (rz-style.ru)
    Очков активности: 150 3 темы, 11 сообщений, 5 баллов репутации

  • Фотография NataliaAntalia
    #4

    NataliaAntalia (zdorovemedicina.ru)
    Очков активности: 120 Вне конкурса за определение пользователя месяца

  • Фотография Totti
    #5

    Totti
    Очков активности: 108 Вне конкурса за определение пользователя месяца

  • Фотография Linomen
    #6

    Linomen
    Очков активности: 42 2 темы, 22 сообщения, 1 балл репутации

  • Фотография Megoydagi
    #7

    Megoydagi (24ho.ru)
    Очков активности: 31.5 Вне конкурса за определение пользователя месяца

  • Фотография Владислава Рыкова
    #8

    Владислава Рыкова
    Очков активности: 31.5 0 тем, 7 сообщений, 3 балла репутации

  • Фотография sws
    #9

    sws
    Очков активности: 24 0 тем, 16 сообщений, 1 балл репутации

  • Фотография BLIK
    #10

    BLIK
    Очков активности: 19.5 Вне конкурса за определение пользователя месяца

  • Показать весь ТОП 10

Поддержите форум! =)
Топ 5 участников по репутации

Оформление форума – IPBSkins.ru