اموزش کامل class و id

اموزش کامل class و id

در این مطلب شما رو با id و class آشنا می کنیم.

در این مطلب شما رو با id و class آشنا می کنم.

فرض کنید شما میخواین به این کد اول استایل بدید.

<div>
کد آزمایش
</div>
<div>
 کد ازمایشی دوم
</div>

اگه شما فقط توی استایلتون بنویسید color:red تغییر درست اعمال نمیشه.

پس شما باید هر کد رو خاص کنید.چطوری؟

با id یا class!

ساختار ایدی چطوری؟

<div id="aa">
لینک شما
</div>

ساختار class هم اینجوریه

<div class="aa">
لینک شما
</div>

حالا که کد رو شخصی کردیم باید توی css صداش کنیم.

صدا کردن id اینجوریه:

هشتک+نام ای دی+{+}

#aa {
}

صدا کردن class هم اینجوریه:

نقطه(دات)+نام کلاس+{+}

.aa {
}

حالا استایل رو بین {} قرار بدید.

اینجوری

.aa {
color:red
font-size:10px
}

پ.ن:من بیشتر دیدم از class استفاده میشه ولی گاهی باید از id هم استفاده کرد.

(خودم توی اون صفحه بروزرسانی مجبور شدم یه جاشو id بزنم.)

و حالا تفاوت id و class:

شما یه کلاس به اسم sadra دارید  که اون کلاس دستور color:red و font-size:10px داشته باشه

حالا میتونید به هر تگی بخواین کلاس sadra رو بدید.

ولی اگه همینو با ای دی بزنید فقط میتونید به یه تگ این ای دی رو بزنید.

اوکی؟

.

.

خب دوستان اینم از این اموزش...پذیرش سفارش ها از 15 فروردین اغاز می شود