after, before, box-sizing

[fr_sdgh]

من میدونم box-sizing چیه و همینطور ::after و ::before با توجه به تعاریفی که در w3school هست. ولی کد زیر یعنی چی؟!


*::after , *::before {
box-sizing: border-box;
}


با توجه به تعریف w3schoo از آفتر و بیفور؛ فقط برای پراگراف استفاده داره!!!

[sinoser]

من میدونم box-sizing چیه و همینطور ::after و ::before با توجه به تعاریفی که در w3school هست. ولی کد زیر یعنی چی؟!


*::after , *::before {
box-sizing: border-box;
}


با توجه به تعریف w3schoo از آفتر و بیفور؛ فقط برای پراگراف استفاده داره!!!

این یعنی : برای کلیه المان های صفحه که برای آنها ::before و ::after تعریف شده مقدار box-sizing را برابر border-box بزار (که اینم یعنی مقدار border و padding در صورت تعریف رو از طول و عرض تعریف شده کم کن تا طول و عرض دقیقا بشه همونی که تعریف شده در width و height).

این یه جور دستور نرمالیز و برای همگام سازی نمایش در مرورگر باید باشه.

[fr_sdgh]

این یعنی * همه المان ها. :: سینتکس هست فقط. این طور نیست؟

که برای آنها ::before و ::after تعریف شده !!!! داریم شرط میزاریم؟ یعنی اگر تعریف شده باشه؟
من فکر میکردم آفتر و بیفور برای پراگراف جواب میده. اصلا برای باکس سایزینگ نمیدونم چجوری هست !!!

[sinoser]

اره , شرط هست یعنی اگر گذاشت اون وقت این اعمال میشه.

نه فقط برای پاراگراف نیست (البته مثالاش بیشتر واسه پاراگرافه). همین الان جواب یکی از دوستان رو دادم لینکشو میدم برو ببین توی section از اینا اسفاده کردم. واسه بقیه المان ها هم کاربرد داره.
http://barnamenevis.org/showthread.php?504996-%D8%B3%D8%A7%D8%AE%D8%AA-section-%D8%B4%DB%8C%D8%A8-%D8%AF%D8%A7%D8%B1