На сайте реализована выдача товаров из БД, где есть картинка, имя и описание. Все в одном блоке: картинка с левой стороны, а имя и описание с правой стороны.
@foreach (var p in @Model.Gdss)
{
@Html.Partial("GdsSummary", p)
}
Вот GdsSummary:
<section class="textblock">
<div class="wrap">
<div class = "pic">
@if (Model.ImageData != null)
{
<img src="@Url.Action("GetImage", "Gds", new { Model.GdsId })" />
}
</div>
<div class="gds">
<h2>@Model.Name</h2>
<p>@Model.Description</p>
</div>
</div>
</section>
Хотелось бы сделать следующее: допустим, в базе 7 товаров. Нужно чтобы каждый четный менял положение картинки (class="pic"
) и описания (class="gds"
) т.е. чтобы на 2, 4 и 6 товарах картинка и описание менялись местами.
В CSS есть селектор nth-child
возможно ли им реализовать задуманное и как? Возможно ли как-то указать, чтобы он менял именно <div class = "pic">
и <div class="gds">
в этом textblock
? Если так не получится, то как в принципе менять местами картинку и описание на четных элементах?
Заранее очень благодарю за ответ!