ورود ثبت نام

سلکتور های اولیه در css

سلکتور های اولیه در css
به نام خدا. در این بخش میخواهیم به سلکتور های اولیه در css بپردازیم.سلکتور ها در زبان css به این معنی هستند که شما برای این که به تگ یا المان مورد نظر خود بخواهید استایل دهید، اول باید آن را select کنید.سلکتور های مختلفی در css وجود دارند که شما میتوانید تگ مورد نظر خود را به انواع گوناگون انتخاب کنید و آن ها را استایل دهی کنید. در قسمت قبلی ما با اضافه کردن سند css به سند html آشنا شدیم.الان میخواهیم همان در همان سندی که به html اضافه کردیم شروع به نوشتن کد های css کنیم.
خب! اولین و ساده ترین نوع سلکتور css ، انتخاب خود تگ به عنوان سلکتور است. مثلا شما میخواهید یک تگی مثل div را استایل دهی کنید. برای انجام این کار باید از کد زیر استفاده کنید.این مثال برای تمام تگ ها صادق است و شما جای div اگر تگ دیگری را بزارید به همان تگ استایل میدهد:

See the Pen OqXWrd by amirmb (@amirmb) on CodePen.

در اینجا مشاهده میکنید که چندین تگ را سلکت کردیم و به آنها استایل دادیم.تگ div , h3 استایل دهی شدند ولی تگ a سلکت نشده و استایلی هم ندارد. اگر شما در سند html تگی داشته باشین که کلاس یا id دارد.برای سلکت کردن کلاس و id به این صورت عمل میکنیم:

See the Pen QoEdXW by amirmb (@amirmb) on CodePen.

پس برای کلاس از ( . ) و برای id از ( # ) استفاده میکنیم.همیشه هم این علامت ها قبل اسم کلاس و id بدون هیچ فاصله ای می آید. اگر میخواهید تمام المان های صفحه را انتخاب کنید از * استفاده کنید.

See the Pen oVLBKq by amirmb (@amirmb) on CodePen.

برای آخرین سلکتور میخوایم یکم سخت کنیم D: اگر فرزندان یک تگ را بخواهیم استایل بدیم باید چیکار کنیم؟

See the Pen GeqWRP by amirmb (@amirmb) on CodePen.

خب! اینجا ما اسم کلاس که همون myClass هست را نوشتیم و یک فاصله space دادیم و فرزند آن را نوشتیم.اگر div بی نهایت فرزند span داشته باشد، به تمام آن span ها استایل مورد نظر اعمال خواهد شد! تا قسمت بعد...

0 622

telegram mosqdevelopers


دسته بندی ها

ios

پست های اخیر

banner

کاربردها و فرصت های شغلی زبان برنامه نویسی جاوا

زبان برنامه نویسی جاوا در ا...

ادامه مطلب


banner

ساخت جداول گوناگون در css

به نام خدا. در این قسمت میخوا...

ادامه مطلب


banner

کتابخوان های الکترونیکی برتر

به نام خدا ؛ تاحالا شده وقتت ت...

ادامه مطلب


banner

لاراول 6

انتظار ها به سررسید و سرانجام...

ادامه مطلب


banner

padding ها در css

به نام خدا در این قسمت قسط د...

ادامه مطلب


RSS RSS

نظرات ارزشمند خود را در مورد وبسایت با ما در میان بگذارید

© کلیه حقوق مادی و معنوی متعلق به تیم برنامه نویسی Mosquito Network می باشد