• 0

كيف أدمج مجموعة من الوسوم في CSS لتصبح وسما واحدا؟

السلام عليكم.

لدي الوسوم الاتية a1 a2 a3 a4 a5 ... 

كيف يمكن وضعها في وسم واحد مثلا all؟

بحيث يكون المثال كالاتي:

class=" a1 a2 a3 a4 a5 " 

يصبح:

class="all" 

شكرا :) 

تمّ تعديل بواسطة عبد الهادي اطويل
تعديل العنوان

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 1

يمكنكي عن طريق javascript 

var all = document.querySelectorAll(".all");
if(all.length)
   for(i=0;i<all.length;i++)
       all[i].setAttribute("class","a1 a2 a3 a4");

إلا أنه الافضل القيام بالامر من خلال php للعمل قبل إرسالها إلى المتصفح وليس القيام به بالمتصفح  عندما تتعلميها ستعرفين 

ضعيه قبل </head>

هكذا

<script type="text/javascript">
    window.onload = function(){
var all = document.querySelectorAll(".all");
if(all.length)
   for(i=0;i<all.length;i++)
       all[i].setAttribute("class","a1 a2 a3 a4");
    }
</script>

أتمنى أن يكون هذا قصدك.

تمّ تعديل بواسطة يوسف سيد
1 شخص أعجب بهذا

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

لفهم قصدي أخي 

لدي الكثير من الوسوم التي لا اريد تكرارها كل مرة 

و لهذا اريد اختصارها في وسم واحد 

هل يمكن ذلك ؟

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

هل تقصدين التحديد من قبل css أم التسمية في html ؟

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

وعليكم السلام ورحمة الله وبركاته.

السؤال يحتاج إلى توضيح أكثر حتى يمكن الإجابة عليه كما يجب، لأن استعمال وسم واحد كبديل عن مجموعة وسوم هو أمر مرتبط بخصائص كل وسم، وأين يستعمل كل وسم من تلك الوسوم، فلو كان مثلا لدينا الوسم a1 يحمل الخصائص التالية

.a1 {
	font: normal 12px Tahoma, sans-seirf;
	padding: 3px 5px;
	margin: 5px;
}

ولدينا وسم آخر a2 يحمل الخصائص التالية:

.a2 {
	color: #454545;
	background: #eee; 
}

وكنا نستعمل الوسمين a1 وa2 للتحكم في مظهر نفس العنصر من خلال html كما يلي على سبيل المثال:

<h2 class="a1 a2">عنوان من المستوى 2</h2>

ففي هذه الحالة يمكن استبدال الوسمين a1 وa2 بوسم آخر all لكن يجب أن يحمل خصائص كل من a1 وa2، كما يلي:

.all {
	font: normal 12px Tahoma, sans-seirf;
	padding: 3px 5px;
	margin: 5px;
	color: #454545;
	background: #eee; 
}

ويصبح كود html كما يلي في هذه الحالة:

<h2 class="all">عنوان من المستوى 2</h2>

خلاصة الكلام هنا هو أنه يجب الانتباه إلى خصائص كل وسم، وعناصر html التي يتحكم فيها كل وسم.

أدعوك للاطلاع على هذا الموضوع بالأكاديمية عن مجموعة من الأمور الأساسية في CSS:

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

إن كان القصد تحديد العنصر الذي يحوي الجميع 

.a1.a2.a3.a4.a5{
}

وإن كان القصد أي كلاسس فيهم

.a1,.a2,.a3,.a4,.a5{
}

 

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

شكرا أخوتي لكن ليس هذا قصدي

انا لدي الكثير من الوسوم المختلفة و لا اريد تكرارها ابدا 

فمثلا اريد طريقة عندي وضع الوسم all يأتي بدلا منه a1 a2 a3 a4 

 

فأنا اريد اختصار الوقت لا اكثر و لا اٌقل 

بتوضيح أكثر 

اريد تعويض كلمة all بالوسوم a1 a2 a3 a4 تلقائيا 

 

 

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن