Click a selector: انقر فوق المحدد لمعرفة العنصر (العناصر) الذي تم تحديده في النتيجة:
.intro
#الكنية
.intro و #Lastname
h1
ح 1 ، ص
div p
div> p
ul + ص
ul ~ الجدول
*
ص
[بطاقة تعريف]
[معرف = عنواني]
[معرف $ = ess]
[معرف | = بلدي]
[معرف ^ = L]
[العنوان ~ = جميل]
[المعرف * = الصورة]
:التحقق
:معاق
: ممكن
:فارغة
:التركيز
ع: الطفل الأول
ع :: الحرف الأول
ع :: السطر الأول
ع: الأول من نوعه
h1: تحوم
الإدخال: في النطاق
الإدخال: خارج النطاق
الإدخال: غير صالح
الإدخال: صالح
p: lang (it)
ع: الطفل الأخير
p: الأخير من النوع
tr: nth-child (زوجي)
tr: nth-child (فردي)
li: nth-child (1)
li: nth-last-child (1)
لي: ن من نوع (2)
li: nth-last-of-type (2)
ب: الطفل الوحيد
h3: فقط من النوع
:جذر
نتيجة:

<h1> مرحبًا بك في صفحتي الرئيسية </ h1>

<div class = "intro">

<p> اسمي دونالد <span id = "Lastname"> بطة. </ span> </p>

<p id = "my-Address"> أعيش في دوكبيرج </ p>

<p> لدي أصدقاء كثيرون: </ p>

</div>

<ul id = "Listfriends>
  • <li> أبله </ li>
  • <li> ميكي </ li>
  • <li> ديزي </ li>
  • <li> بلوتو </ li>
</ul>

    <p class = "myquote"> كل أصدقائي رائعين! <br>
    لكني أحب ديزي حقًا !! </p>

    <p lang = "it" title = "Hello beautiful"> Ciao bella </p>

    <h3> كلنا حيوانات! </h3>

    <p> <b> قادتني اكتشافاتي الأخيرة إلى الاعتقاد بأننا جميعًا حيوانات: </ b> </p>

    <جدول>
      اسم نوع من الحيوانات
      سخرية الفأر
      جوفي كلب
      ديزي بطة
      بلوتو كلب
      </table>

      انقر فوق محددات CSS وشاهد العنصر (العناصر) المحددة التي تم تحديدها. © w3schools.com