كيفية تحديد لون النص لعنصر داخل عنصر

عند تخصيص مظهر عنصر ، قد يواجه المرء ما يلي تحتاج إلى تغيير لون النص ضمن محدد. فيما يلي دليل كامل حول كيفية تحقيق ذلك:

في HTML الخاص بك، حدد عنصر بمعرفه الفريد. بداخله، يمثل كل خيارًا قابلاً للتحديد. لتحديد نمط الخيار الأول، والذي يقرأ عادةً "اختر خيارًا واحدًا" أو ما شابه، استخدم سمة النمط المضمنة ضمن علامة الافتتاحية.

  select one option
  one
  two

في هذا المثال، تم تعيين اللون الرمادي للخيار الأول باستخدام اللون: النمط الرمادي. بالإضافة إلى ذلك، تمت إضافة سمة قيمة لأغراض إمكانية الوصول.

لتصميم الخيارات المتبقية بشكل مختلف، قم بإنشاء فئة CSS منفصلة وتطبيقها على عناصر الأخرى. هنا، سنقوم بإنشاء فئة باسم "others" ونستخدمها لتعيين اللون إلى الأسود.

.others {
    color: black;
}

باستخدام هذا الأسلوب، يمكنك بسهولة تخصيص مظهر عناصر داخل عنصر ، بما في ذلك لون النص.