Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> цвет шрифта или фона по рейтингу 
:(
    Опции темы
YahоО
Дата 1.4.2017, 19:12 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 198
Регистрация: 11.6.2015

Репутация: нет
Всего: 1



Такой вопрос: Имеем блок или параграф, в котором пишется цифра рейтинга, 
если цифра положительная то ее цвет (или цвет фона) один, например серый,
если цифра отрицательная то ее цвет (или цвет фона) должен быть другим, например красным,
можно ли создать такой эффект только с помощью CSS? Или без  javascript не обойтись?

Код

<style>
.r{
/*   ???   ... */

}
</style>

<p class="r">10</p>
<p class="r">-9</p>

<span class="r">10</span>
<span class="r">-9</span>

<div class="r">10</div>
<div class="r">-9</div>

Конечно же класс должен быть один и тот же и для положительных чисел и для отрицательных.

Это сообщение отредактировал(а) YahоО - 2.4.2017, 12:56
PM MAIL   Вверх
YahоО
Дата 2.4.2017, 17:46 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 198
Регистрация: 11.6.2015

Репутация: нет
Всего: 1



Похоже  css с такой задачей просто не работает,
и надо иметь два класса с различным фоном, или цветом шрифта,
или стиль прописывать для каждого блока непосредственно в теге,
или для положительных цифр наследовать стиль, 
для отрицательных и вовсе класс не устанавливать,
или еще как то, может быть, если захотелось без js.
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0943 ]   [ Использовано запросов: 20 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.