/
ساندویچ پانل
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
طراحی سایت وندا هاست
مشاهده RSS Feed

AmirHoss3in

بخش دوم Selector ها

دسته بندی ها
دسته بندی نشده
به این مطلب امتیاز بدهید
نقل قول نوشته اصلی توسط lvlr.AlvlIr نمایش پست ها
درود

با بخش دوم آموزش css در خدمتتون هستیم مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

از این پس این تاپیک هر روز آپدیت و بخش جدید آموزش قرار داده خواهد شد .

در این بخش قرار شده به بررسی selector ها بپردازیم و یرای اینکه شما بهتر متوجه بشید به اختصار و با حذف موارد کم کاربرد به توضیح خواهم پرداخت .

1. ID Selector

این نوع Selector که فقط برای یک عنصر قابل استفاده است به صورت زیر تعریف خواهد شد

کد:
# ID Name 
}
{
و برای عناصر به صورت زیر فراخوانی می شود:

کد:
<p id="ID Name ">.....</p>
در اختصاص ID Selector دقت کنید چون اگر برای چند عنصر به کار رود فقط برای عنصر اول عمل خواهد کرد .

2. Class Selector

این نوع Selector بر خلاف ID می تواند برای بیشمار عنصر به کار رفته و محدودیتی در این زمینه ندارد . برای تعریف یک class به مثال زیر توجه کنید :

کد:
 . Class name 
}
{
فراخوانی آن نیز برای عناصر متفاوت به صورت زیر است :
کد:
<div class="Class Name>......</div>
اگر بخواهید Selector ها را برای عناصری خاصی در سند HTML خود تخصصی کنید می بایست به صورت زیر عمل کنید .
کد:
 p.AMIR {font:20px tahoma;}
در این مثال من class تعریف شده با نام AMIR را فقط مختص پاراگراف ها یا <P> کرده ام .

دو مورد Selector دیگر نیز موجود هست که کاربرد چندان بالایی ندارند

3.Descendate Selector

هنگامی که بخواهیم عناصر فرزند را به تنهایی خطاب قرار دهیم و یا خواص را برای عنصر فرزند به ارث بگذاریم از این Selector استفاده میکنیم .

** عنصر فرزند : به عناصری که زیر مجموعه عناصر دیگر گفته می شوند خطاب میشود برای مثال تگ <td> در تگ <table> یک عنصر فرزند محسوب می شود .

نحوه معرفی این Selector به صورت زیر می باشد

کد:
p.Amir h3{...... ; }
در مثال فوق عناصر h3 ای که در تگ <p> با class معرفی شده با نام Amir وجود دارد خصوصیات معرفی شده را می پزیرد .


در بخش بعد به معرفی کلاس های کاذب و اهمیت بخشیدن به Selector ها می پردازیم
برچسب ها: هیچ یک ویرایش برچسب ها
دسته بندی ها
دسته بندی نشده

نظرات

تبلیغات شما تبلیغات شما
خرید بک لینک
مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی