שלום רב!

נניח ויש לי 2 עיצובים אחד שעובד על הצבעים וגודל הגופן והשני על מיקום התיבה רוחב וכו...
עכשיו אני רוצה לשלב בינהן אבל בלי לעתיק ל"עיצוב אחד"

למשל:

קוד:

 <style> 
 
.styleOne{
color:red;
background-color:gray;
}
 
.styleTwo{
width:120px;
height:180px;
}
 
</style>

ונניח יש לי מסגרת כזאת

<div class="styleOne">fdfgdfgdfgdfg</div>

כמו שאתם רואים אני הכנסתי לשם את העיצוב הראשון,אבל בנוסף אליו אני רוצה להכניס גם את השני אבל בלי למזג את שני העיצובים ויותר בקיצור איך אפשר לעשות משהו כזה:

<div class="styleOne" class="styleTwo">fdfgdfgdfgdfg</div>

תודה לעוזרים...מקווה שהבנתם...

קוד:

<div class="styleOne styleTwo">fdfgdfgdfgdfg</div>

תודה רבה! מאוד מאוד עזר...חחח איך לא חשבתי על זה קודם.