Возможно ли в CSS?

#1 13 марта 2012 в 23:42
В цикле выводятся элементы с одинаковым оформлением из одного массива.

Мне необходимо визуально выделить один из элементов. Допустим у элемента такой html-код:

  1.  
  2. <span class="quest">Цена (грн):</span>
  3. <span class="answer">1400</span>
  4.  
Можно ли как-то в CSS указать, что вот для такого кода на сайте сделать такое-то оформление?
#2 14 марта 2012 в 00:34
Добавьте к нужному классу в стилях нужное оформление, в чем проблема?
#3 14 марта 2012 в 00:50
Добавляете в файл стилес.цсс
.quest{

}
.answer{

}

А между {} Ваше оформление.
Например
.answer{
color: red; Цвет текста красный
font-style: italic; Стиль текста курсив
} Я понятно объяснил?
#4 14 марта 2012 в 01:00
насколько я понял нужно выделить только один какой-то элемент из цикла…
это можно сделать путем добавления id к элементу с итерацией цикла
приведите из кода начало цикла я объясню как дальше…
#5 14 марта 2012 в 15:31
• Mike •, да.

Код вывода характеристик в шаблоне:
  1.  
  2. <ul class="chars_list">
  3. {if $item.chars}
  4. {foreach key=num item=char from=$item.chars}
  5. {if $cfg.show_char_grp}
  6. {if $char.fieldgroup && ($char.fieldgroup!=$last_grp)}
  7. <li class="grp">{$char.fieldgroup}</li>
  8. {/if}
  9. {assign var=last_grp value=$char.fieldgroup}
  10. {/if}
  11. {if $char.value}
  12. <li><span class="quest">{$char.title}:</span> <span class="answer">{$char.value}</span></li>
  13. {/if}
  14. {/foreach}
  15. {/if}
  16. </ul>
  17.  
  18.  
#6 14 марта 2012 в 15:59
присваиваем имя циклу чтобы обратиться к итерации:
  1.  
  2. {foreach key=num item=char from=$item.chars name=aaa}
  3. {if $cfg.show_char_grp}
  4. {if $char.fieldgroup && ($char.fieldgroup!=$last_grp)}
  5. <li class="grp">{$char.fieldgroup}</li>
  6. {/if}
  7. {assign var=last_grp value=$char.fieldgroup}
  8. {/if}
  9. {if $char.value}
  10. <li><span id="q_char_{$smarty.foreach.aaa.iteration}" class="quest">{$char.title}:</span> <span id="a_char_{$smarty.foreach.aaa.iteration}" class="answer">{$char.value}</span></li>
  11. {/if}
  12. {/foreach}
  13.  
после этого id будет следущего вида id="q_char_1" берем нужный и прописываем ему свойства в css (например)
  1.  
  2. #q_char_1 { color: #F00; }
  3. #a_char_1 { color: #0F0; }
  4.  
#7 14 марта 2012 в 17:51
Спасибо, • Mike •. Получилось отформатировать. Но...
В другой категории форматируется другая характеристика, так как в разных категориях количество и порядок категорий разный… Возможно ли сделать какую-то "железную" проверку в html-кода в цсс? Допустим:

Если видим в коде <span class="quest">Цена (грн):</span> или <span class="quest">Цена ($):</span>, то <span class="quest">Цена (грн):</span> меняем на <span class="price_hrn">Цена (грн):</span>…
#8 14 марта 2012 в 18:14
ну тогда можно через jQuery… что-то типа вставить в шаблон:
  1.  
  2. <script type="text/javascript">
  3. $(function(){
  4. $('span.quest:contains("Цена (грн):")').toggleClass('price_hrn', false);
  5. });
  6. </script>
  7.  
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.