ReadmeGen - اختيارية العناصر

تُعد اختيارية العناصر طريقة قوية لضمان تطبيق القواعد على عناصر معينة في مستند HTML الخاص بك. فيما يلي الخطوات العملية المتضمنة:

مُحددات الأسطر:

تُستخدم مُحددات الأسطر لتطبيق الأنماط على عنصر محدد داخل عنصر آخر. على سبيل المثال:

<p style="color: red;">This text is red.</p>

تُستخدم مُحددات الهوية لتطبيق الأنماط على عنصر له سمة معرف خاصة. على سبيل المثال:

<p id="my-paragraph">This paragraph has an ID.</p>

#my-paragraph {
  color: blue;
}

تُستخدم مُحددات الفئة لتطبيق الأنماط على عناصر من نفس الفئة. على سبيل المثال:

<p class="important">This paragraph is important.</p>

.important {
  font-weight: bold;
}

تُستخدم مُحددات العناصر لتطبيق الأنماط على نوع عنصر HTML. على سبيل المثال:

<h1>This is a heading.</h1>

h1 {
  color: green;
}

تُستخدم اختيارية العناصر عندما تريد:

لنفترض أن لديك القواعد التالية:

h1 {
  color: red;
}
.important {
  color: blue;
}
#my-heading {
  color: green;
}

و لديك العنصر التالي:

<h1 id="my-heading" class="important">This is a heading.</h1>

في هذه الحالة، ستتم تطبيق القاعدة الثالثة (my-heading#) لأنها تتمتع بأعلى درجة خصوصية. لذلك، سيكون لون العنوان الأخضر.