Theme
Primary Color
أكاديمية الزيرو

تكليفات الدروس من [ 78 ] إلى [ 82 ]

[ 8 ] تكليفات على [ Selectors ]

التكليف 01 

<div class="main red">Elzero</div>
<div class="main">Testing</div>
<div class="red">Testing</div>
<div class="main red">Elzero</div>
<p class="main red">Testing</p>
  • إستخدم البنية السابقة بدون التعديل عليها
  • المطلوب تلوين كلمة Elzero باللون الأحمر
  • يجب إختيار ال Selector/s بسطر واحد فقط

التكليف 02 

<div class="parent">
  <div class="child">Testing</div>
  <div class="child">Elzero</div>
</div>
<div class="parent">
  <div>
    <div class="child">Testing</div>
  </div>
</div>
<div class="child">Testing</div>
  • إستخدم البنية السابقة بدون التعديل عليها
  • المطلوب تلوين كلمة Elzero باللون الأحمر
  • يجب إختيار ال Selector/s بسطر واحد فقط

التكليف 03 

<div class="parent">
  <div class="baby">Testing</div>
  <div class="baby">Testing</div>
</div>
<div class="parent">
  <div class="baby">Elzero</div>
</div>
<div class="parent">
  <div>
    <div>Testing</div>
  </div>
  <div class="baby">Testing</div>
</div>
<div class="baby">Testing</div>
  • إستخدم البنية السابقة بدون التعديل عليها
  • المطلوب تلوين كلمة Elzero باللون الأحمر
  • يجب إختيار ال Selector/s بسطر واحد فقط

التكليف 04 

<p>Testing</p>
<div>Testing</div>
<div>Testing</div>
<div title="Elzero">Elzero</div>
<div title="Hello">Elzero</div>
<div title="HTML">Elzero</div>
<div>Testing</div>
<div class="no-need" title="Elzero">Testing</div>
<div class="parent">
  <div>Testing</div>
  <p>Testing</p>
  <div>Testing</div>
  <div title="Elzero">Testing</div>
  <div>Testing</div>
  <div title="Elzero">Testing</div>
</div>
  • إستخدم البنية السابقة بدون التعديل عليها
  • المطلوب تلوين كلمة Elzero باللون الأحمر
  • يجب إختيار ال Selector/s بسطر واحد فقط

التكليف 05 

<div>
  <p>Testing</p>
  <div title="Elzero">Testing</div>
  <p>Testing</p>
</div>
<div>
  <p>Testing</p>
  <div title="Elzero">Elzero</div>
</div>
<div class="no-need">
  <p>Testing</p>
  <div title="Elzero">Testing</div>
</div>
<div>
  <p>Testing</p>
  <p>Testing</p>
  <div class="no-need" title="Elzero">Testing</div>
</div>
<div>
  <p title="Elzero">Testing</p>
  <p title="Elzero">Testing</p>
  <div>Testing</div>
</div>
<div>
  <p>Testing</p>
  <div>Testing</div>
  <div>Testing</div>
</div>
  • إستخدم البنية السابقة بدون التعديل عليها
  • المطلوب تلوين كلمة Elzero باللون الأحمر
  • يجب إختيار ال Selector/s بسطر واحد فقط

التكليف 06 

<div>
  <div>Testing</div>
  <div>Testing</div>
  <div>Elzero</div>
  <div>Testing</div>
</div>
<div>
  <div>Testing</div>
  <div>Testing</div>
  <div>Testing</div>
  <div>Elzero</div>
  <div>Testing</div>
  <p>Testing</p>
</div>
<div class="no-need">
  <div>Testing</div>
  <div>Testing</div>
  <div>Testing</div>
  <div>Testing</div>
</div>
  • إستخدم البنية السابقة بدون التعديل عليها
  • المطلوب تلوين كلمة Elzero باللون الأحمر
  • يجب إختيار ال Selector/s بسطر واحد فقط

التكليف 07 

<div>
  <h3>Testing</h3>
  <div>Testing</div>
  <h3>Testing</h3>
  <h3>Testing</h3>
  <div>Elzero</div>
  <div>Testing</div>
</div>
<div>
  <h3>Testing</h3>
  <div>Testing</div>
  <h3>Testing</h3>
  <p>Testing</p>
  <div>Testing</div>
  <div>Testing</div>
</div>
<div>
  <div>Testing</div>
  <h3>Testing</h3>
  <div>Testing</div>
  <h3>Testing</h3>
  <div class="no-need">Testing</div>
  <div>Testing</div>
  <div>Testing</div>
</div>
<div class="no-need">
  <h3>Testing</h3>
  <div>Testing</div>
  <h3>Testing</h3>
  <div>Testing</div>
  <div>Testing</div>
</div>
<div class="no-need-2">
  <h3>Testing</h3>
  <div>Testing</div>
  <h3>Testing</h3>
  <div>Testing</div>
  <div>Testing</div>
</div>
  • إستخدم البنية السابقة بدون التعديل عليها
  • المطلوب تلوين كلمة Elzero باللون الأحمر
  • يجب إختيار ال Selector/s بسطر واحد فقط

التكليف 08 

<div>
  <div>Testing</div>
  <div>Elzero</div>
  <div>Elzero</div>
  <h3>Testing</h3>
  <p>Elzero</p>
  <h3>Testing</h3>
  <div>Testing</div>
</div>
  • إستخدم البنية السابقة بدون التعديل عليها
  • المطلوب تلوين كلمة Elzero باللون الأحمر
  • يجب إختيار ال Selector/s بسطر واحد فقط
  • المطلوب إستخدام :not Selector فقط

حلول التكليفات

Premium

حلول التكليفات متاحة للأعضاء ال Premium

راجع الحلول وطور مهاراتك مع العضوية المميزة

اكتشف العضوية المميزة