php - 如果 PHP 中的条件动态更改 css

Question

我正在使用 wordpress 主题，当某个变量的值为偶数或奇数时，我确实想使用 php 更改 2 个 block 的 css..

这是我的代码:

<?php 
            $i = 0;
            while ( have_posts() ) {

                // Override
                if(($i % 2) == 1) { ?>

                    <style type="text/css">
                        .grid-box-img {
                            width: 54%;
                            float: left;
                        }

                        .entry-head {
                            width: 56%;
                            background-color: #fff;
                            position: absolute;
                            z-index: 10;
                            margin-left: 43%;
                            margin-top: 27%;
                        }
                    </style>
                    <?php 
                }
                else { ?>
                    <style type="text/css">
                        .grid-box-img {
                            width: 54%;
                            float: right;
                        }

                        .entry-head {
                            width: 56%;
                            background-color: #fff;
                            position: absolute;
                            z-index: 10;
                            margin-top: 27%;
                        }
                    </style>
                    <?php
                } 
                $i++;
                the_post(); 
            } ?>

但是，不幸的是它不起作用...它只应用最后一个值的 CSS。

我该怎么做？谢谢:)

Answer 1

最佳做法是将两个类组成一个用于偶数，另一个用于奇数，并在需要的地方放置一个 if 条件。

<a href="/" class="<?php if(($i % 2) == 1){ echo 'even';} else { echo 'odd';} ?> ">Link </a>

在你的 CSS 中:

.even{
//your styling for even class
}
.odd{
    //your styling for odd class
    }