لتعديل لون نص محدد بواسطة عنصر HTML مثل العنصر (تسطير النص) الذي تم تحديده مسبقًا بواسطة العلامة في الكود HTML، بدون الحاجة إلى تعديل الكود HTML مباشرة، يمكنك استخدام تقنية CSS المناسبة.
في المثال الذي قدمته، تحاول تطبيق الأسلوب على العنصر بنفسه، ولكن الأسلوب المحدد في CSS يجب أن يتم تطبيقه على العنصر بدلاً من العنصر ، لأن الأسلوب ينطبق على النص الذي يتم تحديده بواسطة العنصر داخل العنصر .
لذا، يمكنك تجربة التالي في CSS:
cssu font {
color: rgb(20, 20, 20) !important;
}
بهذه الطريقة، سيتم تطبيق الأسلوب على النص الذي يتم تحديده بواسطة العنصر داخل العنصر ، وبالتالي ستتمكن من تغيير لون النص بدون الحاجة إلى تعديل الكود HTML المصدري.
المزيد من المعلومات
طريقة الاستفادة الكاملة من قدرات CSS في تغيير تنسيق النصوص المحددة في صفحات الويب تعتبر أمرًا مهمًا للغاية، خاصةً عندما لا يكون لديك وصول مباشر إلى تحرير الشيفرة الأصلية HTML. في الحالة التي وضعتها، تحاول تعديل لون نص داخل عنصر والذي يتم تحديده باستخدام العنصر في الكود HTML.
باستخدام التوجيه الصحيح في CSS، يمكنك تحقيق هذا الهدف بسهولة. تحتاج فقط إلى استهداف العنصر داخل العنصر باستخدام محدد CSS الصحيح.
ومن المهم فهم التسلسل الهرمي للعناصر في HTML وكيفية تأثير الأساليب CSS عليها. في المثال الذي قدمته، يجب عليك استهداف العنصر داخل العنصر باستخدام محدد CSS صحيح، وليس العنصر بذاته.
الطريقة الصحيحة لتطبيق الأسلوب على النص المراد تغيير لونه هي كالتالي:
cssu font {
color: rgb(20, 20, 20) !important;
}
من خلال هذا المحدد، يتم تطبيق الأسلوب على النص الذي يتم تحديده بواسطة العنصر داخل العنصر . بذلك، يمكنك تغيير لون النص دون الحاجة إلى تعديل الشيفرة الأصلية HTML.
هذا يظهر القوة والمرونة التي يوفرها CSS في تعديل تنسيق الويب بطريقة مرنة وفعالة، ويسهل على المطورين تحقيق التصميمات المطلوبة دون الحاجة إلى تعديل كل مرة للشيفرة الأصلية.
