2010-01-23 16 views
8

मैं कई अलग-अलग वर्गों में सीएसएस स्टाइल ब्लॉक कैसे लागू कर सकता हूं? उदाहरण के लिए, मेरे पास हैकई पैटर्नों में एक सीएसएस शैली को लागू करना

<div class="foo">...</div> 
<div class="bar">...</div> 

... 

.foo .bar ??? // This selector should apply to both classes 
{ 
    font-size:50%; 
    ... 
} 

उत्तर

5

एक अल्पविराम का उपयोग करें:,

.foo, .bar { 
.... 
} 

इसका विपरीत में एकाधिक वर्गों को लागू करने के भी संभव है:

<html> 
<head> 
    <style type="text/css"> 
     .foo { 
     } 
     .bar { 
     } 
    </style> 
</head> 
<body> 
    <!-- 
     space separated list of classnames 
     to apply multiple css classes to a single element. 
    --> 
    <div class="foo bar">...</div> 
</body> 
</html> 
संबंधित मुद्दे