Jump to content
Slate Blackcurrant Watermelon Strawberry Orange Banana Apple Emerald Chocolate Marble
Slate Blackcurrant Watermelon Strawberry Orange Banana Apple Emerald Chocolate Marble
Sign in to follow this  
Anastasis

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

Recommended Posts

Βάλτε μέσα στο 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"?)

  • Like 1

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

×