CodingForums.com - View Single Post - Problem using multiple classes within selectors

VIPStephan · 11-08-2012, 11:12 PM

Yes, if you have, for example:

Code:

<div class="message warning"></div>
<div class="message error"></div>
<div class="alert warning"></div>
<div class="alert error"></div>

And you want do style “messages” and “alerts” differently and have different styles for “warnings” and “errors” each you need a way to differentiate:

Code:

.message.warning {…style 1…}
.alert.warning {…style 2…}
.message.error {…style 3…}
.alert.error {…style 4…}

… because just “warning” or “error” wouldn’t do it.

11-08-2012, 11:12 PM	PM User \| #6
VIPStephan The fat guy next door Join Date: Jan 2006 Location: Halle (Saale), Germany Posts: 7,614 Thanks: 5 Thanked 865 Times in 842 Posts	Yes, if you have, for example: Code: <div class="message warning"></div> <div class="message error"></div> <div class="alert warning"></div> <div class="alert error"></div> And you want do style “messages” and “alerts” differently and have different styles for “warnings” and “errors” each you need a way to differentiate: Code: .message.warning {…style 1…} .alert.warning {…style 2…} .message.error {…style 3…} .alert.error {…style 4…} … because just “warning” or “error” wouldn’t do it. __________________ Don’t click this link!