دوره مجازی اسکریپت نویسی PHP : فصل اول - طراحی قالب - قسمت چهاردهم

سلام یه سوال برام پیش آمده در استایل Css زمانی که میخواهم تب هارا هرکدام روی ان ها کلیک شدم کلیک کنم فقط style روی بخش اول که اکتیو هست اعمال میشود و کد را دقیقا مثل شما زدم و حتی کد شمارم اعمال کردم ولی افاقه ای نکرد ممنون میشم راهنمایی کنید

–Html–
  <div>
                        <!–tab navigation–>
                        <ul class="nav nav-tabs border-bottom-0 p-2" id="custom-nav-tabs">
                            <li class=" active"><a href="#popular" data-toggle="tab">جلسات منتشر شده</a></li>
                            <li class=""><a href="#hot" data-toggle="tab">سرفصل ها</a></li>
                            <li class="nav-item"><a href="#rand" data-toggle="tab">نظرات کاربران</a></li>
                        </ul>
                        <!–tab content–>
                        <div class="tab-content" id="custom-tab-content">
                            <div class="tab-pane active fade show" id="popular">
                                <ul class="list-group post-publish-list single-post-publish-list">
                                    <li>
                                        <span class="list-icon"></span>
                                        <div><a href="#">دوره یادگیری php برای مبتدیان</a></div>


                                    </li>
                                    <li>
                                        <span class="list-icon"></span>
                                        <div><a href="#">دوره یادگیری php برای مبتدیان</a></div>


                                    </li>
                                    <li>
                                        <span class="list-icon"></span>
                                        <div><a href="#">دوره یادگیری php برای مبتدیان</a></div>


                                    </li>
                                    <li>
                                        <span class="list-icon"></span>
                                        <div><a href="#">دوره یادگیری php برای مبتدیان</a></div>


                                    </li>
                                </ul>
                            </div>
                            <div class="tab-pane fade" id="hot">
                                <ul class="list-group post-publish-list single-post-publish-list">
                                    <li>
                                        <span class="list-icon"></span>
                                        <div><a href="#">دوره یادگیری php برای مبتدیان</a></div>


                                    </li>
                                    <li>
                                        <span class="list-icon"></span>
                                        <div><a href="#">دوره یادگیری php برای مبتدیان</a></div>


                                    </li>
                                    <li>
                                        <span class="list-icon"></span>
                                        <div><a href="#">دوره یادگیری php برای مبتدیان</a></div>


                                    </li>
                                    <li>
                                        <span class="list-icon"></span>
                                        <div><a href="#">دوره یادگیری php برای مبتدیان</a></div>


                                    </li>
                                </ul>
                            </div>
                            <div class="tab-pane fade" id="rand">
                                <ul class="list-group post-publish-list single-post-publish-list">
                                    <li>
                                        <span class="list-icon"></span>
                                        <div><a href="#">دوره یادگیری php برای مبتدیان</a></div>


                                    </li>
                                    <li>
                                        <span class="list-icon"></span>
                                        <div><a href="#">دوره یادگیری php برای مبتدیان</a></div>


                                    </li>
                                    <li>
                                        <span class="list-icon"></span>
                                        <div><a href="#">دوره یادگیری php برای مبتدیان</a></div>


                                    </li>
                                    <li>
                                        <span class="list-icon"></span>
                                        <div><a href="#">دوره یادگیری php برای مبتدیان</a></div>


                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
–Css–
#custom-nav-tabs li a{
    font-size: 15px;
    padding: 0 4px;
    color: #333;
    border: none;
    border-radius: 0;
    position: relative;
}

#custom-nav-tabs li.active a:after{
    content: ”;
    position: absolute;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #03a9f4;
    right: 0;
    top: 20px;
}

#custom-nav-tabs li.active a, #custom-nav-tabs li.active a:focus, #custom-nav-tabs li.active a:hover {
    border: none;
    transition: all 0.2s linear 0s;
    color: #fff;
    background-color: #03a9f4;
}

سلام خسته نباشید استاد
جلسه پانزدهم انشالله فردا بر روی سایت قرار می دید یا بعد تعطیلات ؟

باسلام .صدای ویدیو خیلی ضعیف وپایین هست.مجبوریم ولوم رو تا آخر ببریم….

مشکل رو پیدا کردم
ببخشید

سلام خسته نباشید
در صفحه all-post قسمت pagination عدد 5 پایین تر از بقیه اعداد میفته
لطفا بررسی فرمایید فقط ctr+f5 رو هم بزنید شاید تو صفحه شما کش کرده
ممنون