اذهب إلى المحتوى

السؤال

نشر (معدل)

****تم حل المشكلة بفعل أحد الإخوة بالتعليقات شكرا لكل من ساعد

 

اريد تغيير محاذاة موقع باستخدام إضافة stylus الخاصة بكروم ليبدأ نص الموقع من جهة اليمين بدلا من اليسار وقد حاولت إضافة 

Body{direction: rtl;} ولم تنفع

تم التعديل في بواسطة Iham Hatem
تم حل المشكلة

Recommended Posts

  • 0
نشر
بتاريخ 4 دقائق مضت قال أسامة زيادة:

قم باستخدام الخاصية dir على وسم html الموجود في أعلى الصفحة 

<html lang="en" dir="rtl">

قم بالمحاولة وأخبرنا بالنتيجة 

لم تنفع لانه لا يمكن إضافة html ل stylus يجب أن تكون css واللغة كورية وليست إنجليزية 

  • 0
نشر
بتاريخ 2 دقائق مضت قال Iham Hatem:

لم تنفع لانه لا يمكن إضافة html ل stylus يجب أن تكون css واللغة كورية وليست إنجليزية 

إذن قوم بتنفيذ الشيفرة التالية :- 

* {
    direction: rtl !important;
    text-align: right !important;
}

بحيث أن هذا الكود يحدد توجيه النص في جميع العناصر النصية في الموقع ويضبط محاذاة النص على اليمين.

قم بالمحاولة وأخبرنا بالنتيجة 

  • 0
نشر
بتاريخ 1 دقيقة مضت قال أسامة زيادة:

إذن قوم بتنفيذ الشيفرة التالية :- 

* {
    direction: rtl !important;
    text-align: right !important;
}

بحيث أن هذا الكود يحدد توجيه النص في جميع العناصر النصية في الموقع ويضبط محاذاة النص على اليمين.

قم بالمحاولة وأخبرنا بالنتيجة 

نعم نفعت شكرا جزيلا لك غلبتك معي ❤️❤️❤️❤️❤️

  • 0
نشر
بتاريخ الآن قال Mustafa Suleiman:

عليك بالتأكد من كتابة عنوان رابط الموقع بشكل صحيح، فمثلاً لو قمت بكتابة التنسيق التالي لرابط أكاديمية حسوب ستجد أن الإتجاه تغير: 

body {
    direction: ltr;
    
}

 

نعم يتغير اتجاه النص نفسه وليس المحاذاة ولكن تم حل المشكلة الحمدلله 

  • 0
نشر
بتاريخ 4 دقائق مضت قال Iham Hatem:

نعم يتغير اتجاه النص نفسه وليس المحاذاة ولكن تم حل المشكلة الحمدلله 

السبب في أن تغيير الاتجاه إلى اليمين وتحديد النص إلى اليمين يعمل في هذه الحالة هو استخدام القاعدة العامة "*".

حيث أن علامة"*" تطبق تنسيقًا على جميع عناصر الصفحة، بما في ذلك النصوص والصور وغيرها، مما يجعلها قاعدة CSS عامة وقوية. بإضافة !important في النهاية، تمنع تطبيق أي قيمة CSS أخرى للعناصر المحددة، مما يجعل هذا التنسيق الأكثر أولوية ويتم تطبيقه بشكل قاطع على جميع العناصر.

على الرغم من أن استخدام القاعدة العامة "*" و !important يمكن أن يكون حلًا سريعًا لتغيير محاذاة الموقع، إلا أنه يجب الانتباه إلى الأثر الجانبي الذي قد يكون لهذه الطريقة على التصميم العام للموقع، حيث يتم تطبيق التنسيق على جميع العناصر الموجودة في الموقع، بما في ذلك العناصر التي لا تتطلب تغييرًا في الاتجاه أو تحديد النص. لذلك، من الأفضل استخدام المحددات المحددة بدقة لتطبيق التنسيق الذي تريده بشكل أفضل.

وأيضًا من الأفضل أن تنتيه جيدًا للـ CSS Specificity أثناء كتابة التسيقات، وسأشرح لك الأمر:

تعتبر CSS Specificity (التحديدية) هي طريقة لتحديد أيّ تعليمات CSS ستطبّق على عناصر الصفحة، عندما يتواجد أكثر من قاعدة تعريف CSS تستهدف نفس العنصر. بمعنى آخر، الـ Specificity تحدد الأولوية بين القواعد المختلفة عند تطبيقها على نفس العنصر.

يتم تحديد Specificity بناءً على عدد المحددات والفئات والعناصر المستخدمة في تحديد العنصر المستهدف في القاعدة CSS. تبدأ Specificity من أصفر إلى أعلى، حيث تتمثل في العدد الذي يتم تحديده بناءً على الأنواع الثلاثة التالية:

1- الـ Inline Styles

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

2- الـ ID Selectors

يأتي بعدها محدد الـ ID، والذي يتم تحديده بواسطة "#" متبوعاً بإسم الـ ID. على سبيل المثال، "#header".

3- الـ Classes والـ Attributes والـ Elements Selectors

تأتي هذه التحديدات في المرتبة الأخيرة من ناحية التحديدية. ويشمل ذلك تحديد الـ class والـ attribute والـ element. على سبيل المثال، ".main-header"، "[type="text"]"، "p"، وهكذا.

يتم ترتيب الأولويات كما يلي:

  • الأولوية العالية للـ Inline styles.
  • إذا كان هناك ID، فإنها تأخذ الأولوية على التحديدات الأخرى.
  • إذا كانت التحديدات متساوية في ID، يتم التحقق من التحديدات الموجودة في الـ classes/attributes/elements.
  • في حالة وجود تحديدات متساوية في جميع المستويات، يتم تطبيق الأخير الذي تم تعريفه في الكود.

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...