زیر شاخه ها بسیار عالی هستند زیرا به ما در مرتب سازی مطالب کمک می کند ، اما گاهی اوقات در این الگو زشت به نظر می رسد. در این آموزش به شما نشان خواهیم داد که چگونه می توانید زیر شاخه ها را مخفی کنید ، یا می توانید آنها را با یک قطعه کد تک به سبک بکشید.
ابتدا style.css خود را باز کنید و سپس کد زیر را برای مخفی کردن زیر مجموعه ها اضافه کنید:
.children {
display:none;
}
اکنون می توانید از همان کد برای استایل کردن آنها استفاده کنید و به عنوان مثال مانند این:
.children {
padding: 0 0 0 5px;
margin: 0 0 0 2px;
border-left: 1px solid #333;
}
در تغییر کد برای رعایت استانداردهای خود احساس راحتی کنید. در واقع مردم تصور می کردند که این کار بسیار سختی است ، اما اصلا اینطور نیست.