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

#1 13 марта 2012 в 23:42

В цикле выводятся элементы с одинаковым оформлением из одного массива.

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

 
<span class="quest">Цена (грн):</span>
<span class="answer">1400</span>

Можно ли как-то в CSS указать, что вот для такого кода на сайте сделать такое-то оформление?

#2 14 марта 2012 в 00:34

Добавьте к нужному классу в стилях нужное оформление, в чем проблема?

Чем меньше знаешь - тем Больше тупой. OneMinima шаблон ICMS2

#3 14 марта 2012 в 00:50

Добавляете в файл стилес.цсс
.quest{

}
.answer{

}
А между {} Ваше оформление.
Например
.answer{
color: red; Цвет текста красный
font-style: italic; Стиль текста курсив
} Я понятно объяснил?

Чем меньше знаешь - тем Больше тупой. OneMinima шаблон ICMS2

Сегодня в 14:57

#4 14 марта 2012 в 01:00

насколько я понял нужно выделить только один какой-то элемент из цикла…
это можно сделать путем добавления id к элементу с итерацией цикла
приведите из кода начало цикла я объясню как дальше…

«Главное “настрой”! И всё настроиться…» © ) Их знают все! А вы?

#5 14 марта 2012 в 15:31

• Mike •, да.

Код вывода характеристик в шаблоне:

 
<ul class="chars_list">
                                    {if $item.chars}
                                        {foreach key=num item=char from=$item.chars}
                                            {if $cfg.show_char_grp}
                                                {if $char.fieldgroup && ($char.fieldgroup!=$last_grp)}
                                                    <li class="grp">{$char.fieldgroup}</li>
                                                {/if}
                                                {assign var=last_grp value=$char.fieldgroup}
                                            {/if}
                                            {if $char.value}
                                                <li><span class="quest">{$char.title}:</span> <span class="answer">{$char.value}</span></li>
                                            {/if}
                                        {/foreach}
                                    {/if}
			       </ul>

#6 14 марта 2012 в 15:59

присваиваем имя циклу чтобы обратиться к итерации:

 
{foreach key=num item=char from=$item.chars name=aaa}
    {if $cfg.show_char_grp}
         {if $char.fieldgroup && ($char.fieldgroup!=$last_grp)}
              <li class="grp">{$char.fieldgroup}</li>
         {/if}
         {assign var=last_grp value=$char.fieldgroup}
     {/if}
         {if $char.value}
             <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>
         {/if}
{/foreach}

после этого id будет следущего вида id="q_char_1" берем нужный и прописываем ему свойства в css (например)

 
#q_char_1 { color: #F00; }
#a_char_1 { color: #0F0; }

#7 14 марта 2012 в 17:51

Спасибо, • Mike •. Получилось отформатировать. Но...
В другой категории форматируется другая характеристика, так как в разных категориях количество и порядок категорий разный… Возможно ли сделать какую-то "железную" проверку в html-кода в цсс? Допустим:

Если видим в коде Цена (грн): или Цена ($):, то Цена (грн): меняем на Цена (грн):…

#8 14 марта 2012 в 18:14

ну тогда можно через jQuery… что-то типа вставить в шаблон:

 
<script type="text/javascript">
$(function(){
$('span.quest:contains("Цена (грн):")').toggleClass('price_hrn', false);
});
</script>

Каждому разделу каталога свой

Lightbox и bbcode

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

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

Похожие темы

Можно ли в админке добавить css-стиль без заливки дополнительного css файла?

Гудкомментарии, Объединять CSS-файлы , JS-файлы , PageSpeed Insights

[ЕСТЬ РЕШЕНИЕ] как Изолировать блок от css системы ?

Возможность отключать страны , добавить районы, станции метро РФ

Возможно ли продавать поля в профиле пользователей

Автоматическое формирование поля контента на основе значений других полей по шаблону

InstantCMS Team

О проекте

Поддержка

Дополнения