ویژگی transition-delay مدت زمان مکث یا درنگ قبل از اعمال transition بر روی یک عنصر را تعیین می کند. به این معنا که اگر ویژگی از ویژگی های یک عنصر دارای transition باشد, زمانی که آن ویژگی بخواهد تغییر کند اگر ما برای آن transition-delay تعیین کنیم, آن ویژگی به همان مدت زمان مکث دارد […]
<timing-function>
<timing-function> یک تابع ریاضیاتی است که سرعت یک شی که دارای انیمیشن یا ترنزیشن هست را در طول زمان مشخص می کند. این تابع نحوه پیشرفت ترنزیشن و یا انیمیشن را در یک چرخه دوره زمانیشان توصیف می کند.
before::
before:: یک pseudo-element است که به ما اجازه می دهد تا بدون هیچ تغییری در HTML محتوایی از طریق CSS در یک صفحه قرار دهیم. before:: به عنوان یک فرزند مجازی در اول یک عنصر HTML قرار می گیرد و محتوای آن به صورت پیشفرض در حالت inline نمایش داده می شود. div::before { content: […]
after::
after:: یک pseudo-element است که به ما اجازه می دهد تا بدون هیچ تغییری در HTML محتوایی از طریق CSS در یک صفحه قرار دهیم. after:: به عنوان یک فرزند مجازی در آخر یک عنصر HTML قرار می گیرد و محتوای آن به صورت پیشفرض در حالت inline نمایش داده می شود. div::after { content: […]
()not:
:not() یک pseudo-class نقیض می باشد که انتخابگری را به عنوان آرگومان می گیرد و نقیض آن انتخابگر را انتخاب می کند. به وسیله این انتخابگر می توان در بین موارد انتخابی استثنا به وجود آورد. تکه کد زیر تمام آیتم های لیست را انتخاب می کند و به رنگ سبز در می آورد به […]
root:
root: یک pseudo-class می باشد که برای انتخاب عنصر ریشه (root) سند HTML استفاده می شود. عنصر ریشه عنصری است که فرزند عنصر دیگری نباشد. در HTML4 این عنصر <html> می باشد که در بالاترین سطح اجدادی قرار دارد! انتخابگر root: معادل انتخابگر html است با این تفاوت که سطح تشخیص (specificity) بالاتری دارد. این […]
()lang:
()lang یک pseudo-class می باشد که برای انتخاب و استایل دهی به عنصری که دارای زبانی خاص است, می باشد. تکه کد زیر را در نظر بگیرید: .element:lang(X) { color: blue; } در اینجا اگر عنصری که کلاس element دارد به زبان X باشد رنگ متن آن آبی خواهد شد. در HTML زبان از ترکیب […]
indeterminate:
indeterminate یک pseudo-class می باشد که برای انتخاب و استایل دهی به عناصری مثل checkbox, radio, progress که در وضعیت نامعلوم قرار دارند, استفاده می شود. مثلا checkbox و radio می توانند در وضعیت تیک خورده (checked) یا تیک نخورده (unchecked) باشند اما گاهی در هیچکدام از این دو وضعیت نیستند به این وضعیت, وضعیت […]
first-child:
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 می باشد. پس استایل زیر بر روی آن اعمال می […]