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

المحدد ~ في الcss

Yazan Yasser

السؤال

Recommended Posts

  • 0

المحدد ~ هو أحد المحددات التي تساعدنا في الوصول الى العناصر لإعطاءها بعض التنسيقات , لنشرح الأمر من خلال مثال , لاحظ الكود التالي

<style> 
p ~ ul {
  background: #ff0000;
}
</style>

<body>

<div>عنصر div</div>
<ul>
  <li>d</li>
  <li>d</li>
  <li>d</li>
</ul>

<p>عنصر p</p>
<ul>
  <li>p</li>
  <li>p</li>
  <li>p</li>
</ul>

<h2>عنوان</h2>
<ul>
  <li>h</li>
  <li>h</li>
  <li>h</li>
</ul>

</body>

كما نلاحظ لدينا 3 عناصر ul وعنصر div و p و h2, و كود css قمت باستخدام المحدد ~ وذلك بتحديد العنصر ul المسبوق بعنصر p , التنسيق عبارة عن تغيير لون الخلفية الى اللون الأحمر , سوف تكون النتيجة كالتالي
image_2022-01-06_142324.thumb.png.06f518cc77fe9b82bc6d172ba984909b.png
نلاحظ أنه تم تحديد فقط عنصرين ul , لماذا اختار فقط عنصرين وبالتحديد العنصرين الأخيرين والذين يقعان بعد عنصر p؟  ذلك بسبب المحدد ~ , فهو محدد يقوم باستهداف العنصر الثاني المحدد والمسبوق بالعنصر الأول المحدد , يمكنك قراءة المزيد عن المحدد من خلال موسوعة حسوب , يمكنك الذهاب اليه من هنا
بالنسبة لوجوده في لوحة المفاتيح , عادة يكون في لوحة المفاتيح باللغة الانجليزية مكان الزر الذي يكتب حرف "ذ" , يمكنك تحويل لوحة المفاتيح الى اللغة الانجليزية ثم تضغط shift + حرف الذال باللغة العربية , اذا لم تجده يمكنك نسخه ولصقه , غالبا لن تستخدمه كثيرا في التصميم

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

شكراً جزيلا لك اخي لكن انا لا امرك الحرف "ذ" في الكيبرود الخاص بي ادا ارد ان اكتبه مثل الان "ذ" يجب ان انسخه

فكيف استطيع ان اعدل على الكيبرود كي اجعل ازراد تفعل اشياء من اختياري

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ الآن قال dragon:

شكراً جزيلا لك اخي لكن انا لا امرك الحرف "ذ" في الكيبرود الخاص بي ادا ارد ان اكتبه مثل الان "ذ" يجب ان انسخه

فكيف استطيع ان اعدل على الكيبرود كي اجعل ازراد تفعل اشياء من اختياري

لا يمكنك أن تجعل الكيبورد يتصرف بناء على اشياء من اختيارك , يأتي جاهزا لما سوف يقوم بفعله ولا يتم تغييره , يمكنك شراء كيبورد خارجي كامل بديل للكيبورد الذي لديك , هل يمكنك ارفاق صورة للكيبورد الخاص بك , ربما نستطيع أن نجد الحرف , يمكنك أيضا ايجاده من لوحة المفاتيح الخاصة بالووندوز 
image_2022-01-06_145408.thumb.png.fe8151884be4e1d1d7596801a8e0bd8f.png
تأكد بأن  اللغة انجليزية ثم يمكنك من خلال الرموز ايجاده
image_2022-01-06_145452.thumb.png.e9ef65e89783698d2838c12f6773a309.png

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 9 دقائق مضت قال dragon:

شكراً جزيلا لك اخي لكن انا لا امرك الحرف "ذ" في الكيبرود الخاص بي ادا ارد ان اكتبه مثل الان "ذ" يجب ان انسخه

فكيف استطيع ان اعدل على الكيبرود كي اجعل ازراد تفعل اشياء من اختياري

هل يمكنك إرفاق صورة للوحة المفاتيح لديك؟

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 1 دقيقة مضت قال dragon:

وجدته

تمام

بتاريخ 1 دقيقة مضت قال dragon:

لكن انضر هادا هو كيبوردي

غالبا ما تختلف الصور عن الإصدار الحقيقي توقعت منك إرفاق صورة من كاميرا

لامشكلة المهم الزر موجود لديك

رابط هذا التعليق
شارك على الشبكات الإجتماعية

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

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

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

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...