فئات CSS الزائفة - شركة انكور التطويرية

بسم الله الرحمن الرحيم استكمالات للمفاهيم في دورة اكواد css اكمل معكم اليوم بشرح فئات css الزائفه وهو شرح جانبي لاستطيع الانتقال للدرس الثاني من الدورة ي ..

فئات,الزائفة,keyword

فئات CSS الزائفة - شركة انكور التطويرية

دليل انكور للمواقع





القوانين العامة لشركة انكور التطويرية | وجب على الجميع القراءة والالتزام


شركة الابداع التطويرية 



أهلا وسهلا بك زائرنا الكريم في شركة انكور التطويرية، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .


فئات CSS الزائفة

بسم الله الرحمن الرحيم استكمالات للمفاهيم في دورة اكواد css اكمل معكم اليوم بشرح فئات css الزائفه وهو شرح جانبي لاستطيع ..


لا يمكنك الرد على هذا الموضوع لا يمكنك إضافة موضوع جديد


Admin
مؤسس انكور
معلومات الكاتب ▼
تاريخ الإنضمام : 15-01-2020
رقم العضوية : 1
المشاركات : 1135
الدولة : فلسطين
الجنس : ذكر
تاريخ الميلاد : 11-9-1998
الدعوات : 8
قوة السمعة : 70
موقعي : زيارة موقعي
 offline 
27-06-2020 08:17 مساء
بسم الله الرحمن الرحيم

استكمالات للمفاهيم في دورة اكواد css اكمل معكم اليوم بشرح فئات css الزائفه وهو شرح جانبي لاستطيع الانتقال للدرس الثاني من الدورة
يتم استخدام فئة زائفة لتعريف حالة خاصة لعنصر.
على سبيل المثال ، يمكن استخدامه في:
- قم بتصميم عنصر عند تمرير المستخدم فوقه
- زارت ستايل الروابط غير المرغوبة بشكل مختلف
- قم بتصميم نمط عندما يحصل على التركيز

ieo10
تركيب الطبقات الزائفة:
selector:pseudo-class {
  property: value;
}

ieo10
فصول المرساة الزائفة
يمكن عرض الروابط بطرق مختلفة:
/* unvisited link */
a:link {
  color: #FF0000;
}

/* visited link */
a:visited {
  color: #00FF00;
}

/* mouse over link */
a:hover {
  color: #FF00FF;
}

/* selected link */
a:active {
  color: #0000FF;
}


ملاحظة: يجب أن يأتي a hover بعد الرابط: a و: تمت زيارته في تعريف CSS ليكون فعالًا! a: يجب أن يأتي النشط بعد a: hover في تعريف CSS لتكون فعالة! أسماء الفئة الزائفة ليست حساسة لحالة الأحرف.

ieo10
فئات زائفة وفصول CSS 
يمكن دمج الفئات الزائفة مع فئات CSS:
عندما تحوم فوق الرابط في المثال ، سوف يتغير لونه:
a.highlight:hover {
  color: #ff0000;
}

ieo10
تأثير على <div>
div:hover {
  background-color: blue;
}

ieo10
تأثير تلميح بسيط
مرر مؤشر الماوس فوق عنصر <div> لعرض عنصر <p> (مثل تلميح):
p {
  display: none;
  background-color: yellow;
  padding: 20px;
}

div:hover p {
  display: block;
}

ieo10
CSS - الطفل الأول من فئة زائفة
يتطابق: - child-class pseudo-class مع عنصر محدد هو التابع الأول لعنصر آخر.

تطابق العنصر <p> الأول
في المثال التالي ، يتطابق المحدد مع أي عنصر <p> يمثل العنصر الفرعي الأول لأي عنصر:
p:first-child {
  color: blue;
}

ieo10
تطابق عنصر <i> الأول في جميع عناصر <p>
في المثال التالي ، يطابق المحدد العنصر <i> الأول في جميع عناصر <p>:
p i:first-child {
  color: blue;
}

ieo10
تطابق جميع العناصر <i> في جميع عناصر <p> الأولى
في المثال التالي ، يتطابق المحدِّد مع جميع العناصر <i> في <p> العناصر التي هي العنصر الأول لعنصر آخر:
p:first-child i {
  color: blue;
}

ieo10
CSS - The: lang Pseudo-class
يتيح لك: lang pseudo-class تحديد قواعد خاصة للغات مختلفة.
في المثال أدناه ، تحدد lang علامات الاقتباس لعناصر <q> مع lang = "no":
<html>
<head>
<style>
q:lang(no) {
  quotes: "~" "~";
}
</style>
</head>
<body>

<p>Some text <q lang="no">A quote in a paragraph</q> Some text.</p>

</body>
</html>


وسأضع بالمرفقات ملف وورد يتحوي على جميع كلاسات الفئة الزائفة وعناصرها 

ieo10
انتهى الشرح
بالتوفيق للجميع
اي استفسار لا تترد في طرحة
جميع الحقوق محفوظة للرؤية الروابط والمرفقات عليك الرد على الموضوع
يمنع النقل دون ذكر المصدر
والسلام ختام



:. كاتب الموضوع Admin ، المصدر: فئات CSS الزائفة .:


tzhj CSS hg.hztm





لرؤية الروابط والمرفقات عليك الرد على الموضوع

توقيع :Admin
للتواصل مع الادارة بشأن اي موضوع : لمشاهدة الروابط يلزمك التسجيل


24-07-2020 09:29 صباحا
مشاهدة مشاركة منفردة [1]
zoolraqey
عضو مشارك
معلومات الكاتب ▼
تاريخ الإنضمام : 23-07-2020
رقم العضوية : 249
المشاركات : 14
الجنس : ذكر
تاريخ الميلاد : 27-10-1998
قوة السمعة : 10
 offline 
بارك الله فيك




الكلمات الدلالية
فئات ، الزائفة ،

« دمج الوسوم او الكلاسات | عناصر CSS الزائفة »

 














الساعة الآن 09:05 مساء

DMCA.com Protection Status

جميع حقوق تصميم الاستايل محفوظة لابو كريم وتحويل الاستايل لسليمان


RSS 2.0XML Site MapArchiveTeamContactCalendarStatic Forum