first-child یک pseudo-class می باشد که عنصری که اولین فرزند یک عنصر دیگر است را انتخاب می کند. فرض کنید HTML به صورت زیر است: <article> <p>فرزند اول عنصر مقاله</p> <p>فرزند دوم</p> <p></p> <p></p> <p></p> </article> در اینجا اولین عنصر پاراگراف (تگ p) اولین فرزند عنصر article می باشد. پس استایل زیر بر روی آن […]
last-child:
last-child یک pseudo-class می باشد که عنصری که آخرین فرزند یک عنصر دیگر است را انتخاب می کند. فرض کنید HTML به صورت زیر است: <article> <p></p> <p></p> <p></p> <p>فرزند آخر عنصر مقاله</p> </article> در اینجا آخرین عنصر پاراگراف (تگ p) آخرین فرزند عنصر article می باشد. پس استایل زیر بر روی آن اعمال می […]
first-of-type:
first-of-type یک pseudo-class می باشد که از هر نوع خاص عناصر در یک سطح اولین آن را انتخاب می کند. یعنی اگر مثلا در یک سطح یک عنوان و پنج پاراگراف و دو عنصر تصویر داشته باشیم می توان با استفاده از این انتخابگر از هر کدام از این نوع عناصر اولینشان را انتخاب کرد. […]
last-of-type:
last-of-type یک pseudo-class می باشد که از هر نوع خاص عناصر در یک سطح, آخرین آن را انتخاب می کند. یعنی اگر مثلا در یک سطح یک عنوان و پنج پاراگراف و دو عنصر تصویر داشته باشیم می توان با استفاده از این انتخابگر از هر کدام از این نوع عناصر آخرینشان را انتخاب کرد. […]
()nth-child:
()nth-child: یک pseudo-class می باشد که به ما این امکان را می دهد تا فرزندان یک عنصر را بر اساس ترتیبشان انتخاب کنیم. این انتخابگر یک مقدار مثبت به عنوان آرگومان می پذیرید و بر اساس آن عدد, عنصر مربوطه را انتخاب می کند. به عنوان مثال در زیر چهارمین آیتم یک لیست انتخاب و […]
()nth-last-child:
()nth-last-child: یک pseudo-class می باشد که به ما این امکان را می دهد تا فرزندان یک عنصر را بر اساس ترتیبشان از آخر به اول انتخاب کنیم یعنی از نظر این انتخابگر اولین عنصر, فرزند آخر می باشد. این انتخابگر یک مقدار مثبت به عنوان آرگومان می پذیرید و بر اساس آن عدد, عنصر مربوطه […]
()nth-of-type:
()nth-of-type: یک pseudo-class می باشد که به ما این امکان را می دهد تا عناصری از یک نوع خاص که در درون یک نگهدارنده هستند را بر اساس ترتیبشان انتخاب کنیم. این انتخابگر شبیه به ()nth-child: می باشد با این تفاوت که شمارش بر روی تمام فرزندان یک سطر صورت نمی گیرد بلکه فقط بر […]
()nth-last-of-type:
()nth-last-of-type: یک pseudo-class می باشد که به ما این امکان را می دهد تا فرزندان یک نوع عنصر خاص را بر اساس ترتیبشان از آخر به اول انتخاب کنیم. این انتخابگر شبیه به ()nth-last-child: می باشد با این تفاوت که شمارش بر روی تمام فرزندان یک سطر صورت نمی گیرد بلکه فقط بر روی یک […]
only-child:
only-child: یک pseudo-class است و عنصری که تنها فرزند باشد را انتخاب می کند. خطوط HTML زیر را در نظر بگیرید, در اینجا p:only-child باعث انتخاب پارگراف می شود چون عنصر p تنها فرزند نگهدارنده خود یعنی article هست. <article> <p>عنصر پاراگراف</p> <!– انتخاب می شود –> </article> اما در خطوط زیر عنصر پاراگراف تنها […]
only-of-type:
only-of-type: یک pseudo-class است و عنصری که تنها فرزند از یک نوع خاص در یک نگهدارنده باشد را انتخاب می کند. خطوط HTML زیر را در نظر بگیرید, در اینجا p:only-of-type باعث انتخاب پارگراف می شود چون عنصر p تنها فرزند از نوع پاراگراف در نگهدارنده خود یعنی article هست. <article> <h2>……..</h2> <p>عنصر پاراگراف</p> <!– […]