nth child cant select on laravel project

user_10673787 0
Viewed 38

the same row has two of nth-child and cant select on working laravel project i don't have any idea please help me

.ps-deal-of-day:first-child(1)  .owl-item:first-child(1) {
    width: 25% !important;
    text-align: center;
    border: 2px solid #ffb000;
    border-radius: 20px;
}

<div class="ps-deal-of-day">
        <div class="owl-item">sadsa sadsad</div>
        <div class="owl-item">sadsa sadsad</div>
        <div class="owl-item">sadsa sadsad</div>
        <div class="owl-item">sadsa sadsad</div>

</div>
<div class="ps-deal-of-day">
        <div class="owl-item">sadsa sadsad</div>
        <div class="owl-item">sadsa sadsad</div>
        <div class="owl-item">sadsa sadsad</div>
        <div class="owl-item">sadsa sadsad</div>

</div>
<div class="ps-deal-of-day">
        <div class="owl-item"></div>
        <div class="owl-item"></div>
        <div class="owl-item"></div>
        <div class="owl-item"></div>

</div>

im tried on w3school code editor it works but in my laravel project it not works i put this css in footer enter image description here

laravel css-selectors css
1 Answers

Try this

.ps-deal-of-day:first-child .owl-item:first-child {
  width: 25% !important;
  text-align: center;
  border: 2px solid #ffb000;
  border-radius: 20px;
}


.ps-deal-of-day:first-child .owl-item:first-child {
    width: 25% !important;
    text-align: center;
    border: 2px solid #ffb000;
    border-radius: 20px;
}
<div class="ps-deal-of-day">
        <div class="owl-item">sadsa sadsad</div>
        <div class="owl-item">sadsa sadsad</div>
        <div class="owl-item">sadsa sadsad</div>
        <div class="owl-item">sadsa sadsad</div>

</div>
<div class="ps-deal-of-day">
        <div class="owl-item">sadsa sadsad</div>
        <div class="owl-item">sadsa sadsad</div>
        <div class="owl-item">sadsa sadsad</div>
        <div class="owl-item">sadsa sadsad</div>

</div>
<div class="ps-deal-of-day">
        <div class="owl-item"></div>
        <div class="owl-item"></div>
        <div class="owl-item"></div>
        <div class="owl-item"></div>

</div>

user_124840980
Related