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

السؤال

Recommended Posts

  • 0
نشر

يستخدم class selector  لتطبيق style على عدة عناصر HTML مثلًا عندما نريد جعل عنصر من نوع <p> و <h1> تأخذ نفس نوع الخط Helvetica واللون الأحمر، نقوم بإعطاء كل من <p>  و <h1> اسم صف class موحد ليكن مثلًا class =”sameFontColor”

<style>
        .sameFontColor {
            font-family:Helvetica;
            color:red;
        }

    </style>

ثم نقوم بإعطاء اسم الـclass = “sameFontColor” للعناصر التي نريد تطبيق عليها التصميم

 <div>
         <h1 class="sameFontColor">Class Selector Example</h1>
    <p class="sameFontColor">Hello World!</p>
    <p>Paragraph here</p>
     <p>Lorem Lorem Lorem Lorem</p>
    </div>

الفرق بين class selector و id selector هو أن id selector يطبق على عنصر واحد فقط (لا يمكن إعطاء نفس اسم المعرف id لأكثر من عنصر)
مثال:

        #greenParagraph {
            color:lightgreen;
        }

لنقم بتطبيقه على عنصر <p>

  <p id="greenParagraph">Paragraph here</p>

css.png

 

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

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

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

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

  • إعلانات

  • تابعنا على



×
×
  • أضف...