Question

我正在为客户开发CMS，并且必须在偶数和奇数位置打印数据lint列表（包含在底部的代码）。我尝试了很多方法但是没有正常工作。

我应该包括所有父类吗？

以下是相应的代码：

 @extends('layouts.master')
@section('content')
    @foreach($exhibs as $exhib)
        <div class="row">
            <div class="[ col-xs-12 col-sm-offset-2 col-sm-8 ]">
                <ul class="event-list">
                    <li>
                        <img class="img-responsive" style="nth-child(even) img { float: right; }" alt="Independence Day" src="{{ asset('/images/events/' . $exhib->img) }}" />
                        <div class="info">
                            <h2 class="title">
                                @if(App::getLocale() == "hu")
                                    <a href="{{  URL::to('exhib/show/' . $exhib->id . '/hu') }}">{{ $exhib->title_hu }}</a>
                                @elseif(App::getLocale() == "en")
                                    {{ $exhib->title_en }}
                                @elseif(App::getLocale() == "tr")
                                    {{ $exhib->title_tr }}
                                @endif
                            </h2>
                            <p class="desc">
                                @if(App::getLocale() == "hu")
                                    {{ $exhib->desc_hu }}
                                @elseif(App::getLocale() == "en")
                                    {{ $exhib->desc_en }}
                                @elseif(App::getLocale() == "tr")
                                    {{ $exhib->desc_tr }}
                                @endif
                            </p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    @endforeach
@stop

Answer 1

您不能内联使用nth-child选择器。

请将其放在页面的头部：

<style>
.event-list li:nth-child(even) img { float: right; }
</style>

从图像中删除内联样式。

引导图像偶数，奇数位置

1 个答案: