هل تعلم ما الفرق بين element وelement.و element# في اكواد CSS

بسم الله الرحمان الرحيم

اما بعد متتبعي ومتتبعات مدونة حاسوبي Astuce

في درس جديد حول الفرق بين element وelement.و element#  في اكواد CSS 

لنبدأ على بركة الله

الشرح

اولا نقصد ب element  العنصر الذي نريد ان نطبق عليه اكواد css

مثال

<style>
element {
هنا اكواد css
}
</style>

فهناك 3 اماكن لتطبيق وتشغيل اكواد CSS

وهي كالتالي

class="element"

id="element"

<element></element>

ليشغل كود css في اول موضع يجب ان يكون العنصر مسبوق ب .

مثال

<style>
.element {
هنا اكواد css
}
</style>
<div class="element">حاسوبي Astuce</div>

المثال اعلاه شغال 100%

لاحظ قبل العنصر element توجد نقطة

اما ليشتغل الكود في الوسم id

يجب ان يكون مسبوق ب #

مثال

<style>
#element {
هنا اكواد css
}
</style>
<div id="element">حاسوبي Astuce</div>

اما الكود الاخير فليشتغل يجب ان يكون كالتالي

وفي كود css لا يكون مسبوق باي شيء

مثال

<style>
element {
هنا اكواد css
}
</style>
<element>حاسوبي Astuce</element>

• غرّد
• شارك
• شارك
• شارك
• شارك