تقنيات في css الجزء (2)

في بعض الأحيان تريد تخصيص أكثر من class لجزء ما من كود xhtml .. أو تخصص class واحد وتضيف له بعض الخصائص مباشرة باستعمال style، مثال:

<div class="main" style="margin: 0 auto">
<!-- some things here .. -->
</div>

في حالة كنت ستضيف مميزات مباشرة بوسم style وكنت ستستعمل هذه المميزات في أماكن أخرى .. فيمكنك إنشاء class جديد وإضافته في هذه الأماكن .. وللتوضيح أكثر فسيصبح المثال الأول كالتالي:

<div class="main most">
<!-- some things here .. -->
</div>

أما الكلاس most سيكون في ملف css

.most {
	margin: 0 auto;
   /* and more .. */
}

وبالتالي يمكن الجمع بين عدة كلاسات:

<div class="main nav most">
 <!-- some things here .. -->
</div>

حيث أن كل من main و nav و most عبارة عن كلاسات في ملف css ..

فائدة هذه الطريقة هو أنه عندما يكون لديك class ستستعمله في أكثر من مكان لكن في إحدى الأماكن تريد تغيير بعض التفاصيل أو إضافة أخرى .. هنا ستكون هذه الطريقة مفيدة ..

أضف تعليقاً