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

لفهم قصدي أخي 

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

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

هل يمكن ذلك ؟

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

التحديد من قبل css

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

السؤال يحتاج إلى توضيح أكثر حتى يمكن الإجابة عليه كما يجب، لأن استعمال وسم واحد كبديل عن مجموعة وسوم هو أمر مرتبط بخصائص كل وسم، وأين يستعمل كل وسم من تلك الوسوم، فلو كان مثلا لدينا الوسم 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:

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

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

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

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

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

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

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

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

بتوضيح أكثر 

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

اتوقع الامر يتم بسكربت ما  

يمكنكي عن طريق 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>

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

مشكور اخي هذا قصدي تماما 

لكن هل تقبل الـ php في قالب البلوجر ؟

اخي السكربت لا يحفظ في قالب البلوجر :\