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

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

جمهورية ستاردول

السؤال

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

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

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

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

class=" a1 a2 a3 a4 a5 " 

يصبح:

class="all" 

شكرا :) 

تم التعديل في بواسطة عبد الهادي اطويل
تعديل العنوان
رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 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>

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

تم التعديل في بواسطة يوسف سيد
رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 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

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

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

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

 

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

بتوضيح أكثر 

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

 

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

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

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

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

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

  • إعلانات

  • تابعنا على



×
×
  • أضف...