Все / другие методы CSS

Question

Все / другие методы CSS

Я создаю страницу с 4 различными разделами. В каждом разделе есть отзывчивое изображение, а на изображении — текст и несколько кнопок. Прямо сейчас они выровнены немного от центра и вправо. Я пытаюсь сделать так, чтобы 1-й div текст и кнопки плавали вправо, а 2-й div текст и кнопки плавали влево и так далее. Я использую четное нечетное n-е свойство, но оно отвечает только на четное CSS-ное свойство. Вот CSS и HTML. Имейте в виду, что сейчас я просто использую цвет фона в качестве примера и добавлю поплавки и отступы, если я получу его работающим.

    .popup-open:nth-child(odd) {
background: #ff0000;
}

.popup-open:nth-child(even) {
background: #000000;
}

<div class="popup-open">
<div class="icons-large">

<?php

$fields = CFS()->get('icons_large');

if($fields) :
foreach ($fields as $field) : ?>
<div class="row">
<div class="image">
<img src="<?php echo $field['icons_big'];?>" alt="">
</div>
</div>

<?php endforeach; endif; ?>

</div>
<div class="icons-large">

<?php

$fields = CFS()->get('tour_titles');

if($fields) :
foreach ($fields as $field) : ?>

<?php echo $field['tour_name'];?>

<?php endforeach; endif; ?>

</div>
<div class="title"><?php the_title(); ?></div>
</div>

0

css event-handling html php wordpress

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

Я думаю, что вы должны добавить класс в div и нацелить его таким образом, у вас будет больше контроля над ним.

    if($fields) :
$i = 1;
foreach ($fields as $field) :

if($i === 2){
$class = "even";
$i = 1;
}else if($i === 1){
$class = "odd";
$i = 2;
}
<div class="row <?=$class;?>">
<div class="image">
<img src="<?php echo $field['icons_big'];?>" alt="">

</div>
</div>
<?php endforeach; endif; ?>

0