بهار آموزش با تخفیف های شگفت انگیز توسینسو بهار آموزش با تخفیف های شگفت انگیز توسینسو
مانده تا پایان تخفیف
مشاهده دوره ها
0

استفاده از nth-child در css

سلام دوستان عزیزم ،

اگر بخوام یک سطر 7 ستونه تو بوت استرپ رو فقط عنصر های آخر هر سطر رو border اونو بردارم چی کار باید بکنم این کارو با css چه طوری میشه انجام داد؟

با nth-last-child میشه؟

پرسیده شده در 1395/04/08 توسط

1 پاسخ

1

برای اینکار می تونید از last-child استفاده کنید، فرض کنید div ای با 7 div زیر مجموعه به صورت زیر تعرف کردید:

<div id="container">
    <div class="col"></div>
    <div class="col"></div>
    <div class="col"></div>
    <div class="col"></div>
    <div class="col"></div>
    <div class="col"></div>
</div>

حالا آخرین col رو می خواییم استایل بدیم:

#container .col:last-child{
    border: 1px solid gray;
}
پاسخ در 1395/04/08 توسط

پاسخ شما