سطر های گورخری

709 روز پیش

پويا صادقى , آموزش CSS

 سطر های گورخری

از این خاصیت برای دسترسی به المنت های زوج یا فرد استفاده می کنیم
مثلا ما n تا div داریم که میخوایم سطر های فرد سفید باشه و سطر های زوج بنفش باشه:

مثال:

< !DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> .row div:nth-child(even) { background: #dde; } .row div:nth-child(odd) { background: white; } </style> </head> <body> <div class="row"> <div>text1</div> <div>text2</div> <div>text3</div> <div>text4</div> <div>text5</div> <div>text6</div> <div>text7</div> <div>text8</div> </div> </body></html>

توسط مرورگرهای سافاری / کروم / فایرفاکس و اپرا پشتیبانی میشه
نمونه استفاده ازاین خاصیت رومیتونید در این صفحه ببینید

نوشته شده توسط
سلام! من پویا صادقی هستم؛ طراح وب استاتیک ، CSS/HTML ، دانشجوی نرم افزار. می تونید من رو در توییتر دنبال کنید، گالری من رو در deviantart ببینید، یا با ایمیل info@Pasargad-Graphic.com تماس بگیرید.



وبگردی

Design By Pouya Saadeghi Based on Mintaka Theme WPCorner

Copyright © 2012 Pasargad-Graphic