2 Classes σε/στην μια/ίδια εντολή

[Anastasis 48]

Βάλτε μέσα στο style στο head:

 

κώδικας:

.bordered {    border: dotted 2px black;    width: 200px;    margin: 6px 3px 6px 3px;    padding: 4px; } .info { background-color: #ffccff; } .feature { background-color: #ccffcc; } .warning { background-color: #ffffcc; } .coolness { background-color: #ccccff; }

Και γράψτε τα δύο classes - αφήνοντας το κενό - ως εξής:
 

κώδικας:

<div class="bordered feature">       This is an energy-saving radio.    </div>    <div class="bordered warning">       Do not operate this radio under water.    </div>    <div class="coolness bordered">       This radio has a USB port for Internet       connectivity.    </div>

Μπορείτε να βάλετε όσα classes θέλετε, όχι μόνο ένα ή δύο, αφήνοντας απλά ένα κενό... Simple huh?

Σημειώστε ότι αν τα properties των δύο classes "πέφτουν" το ένα πάνω στο άλλο, θα ισχύσει αυτό που είναι γραμμένο τελευταίο μέσα στο style στο head.... (Άλλωστε αυτό δεν σημαίνει "Cascade style sheets"?)