CSS combinant les styles question

J'ai un div qui est divisé en deux parties. gauche et droite. il a commencé comme:CSS combinant les styles question

main-bottom-div-left{ 
    font-family: Arial; 
    font-size: 25px; 
    font-weight: bold; 
    color: #5c5622; 
    width:348px; 
    margin-left:10px; 
    padding-right:7px; 
    margin-right:0px; 
    margin-top:5px; 
    height:30px; 
    background-color:#d9d4a5; 


    **float:left;** 
} 

main-bottom-div-right{ 
    font-family: Arial; 
    font-size: 25px; 
    font-weight: bold; 
    color: #5c5622; 
    width:348px; 
    margin-left:10px; 
    padding-right:7px; 
    margin-right:0px; 
    margin-top:5px; 
    height:30px; 
    background-color:#d9d4a5; 


    **float:right;** 
}

Je pensais qu'il serait plus logique d'avoir quelque chose comme ça

main-bottom-div { 
    font-family: Arial; 
    font-size: 25px; 
    font-weight: bold; 
    color: #5c5622; 
    width:348px; 
    margin-left:10px; 
    padding-right:7px; 
    margin-right:0px; 
    margin-top:5px; 
    height:30px; 
    background-color:#d9d4a5; 
} 

.left { 
    float:left; 
} 


.right { 
    float:right; 
}

et de se référer en quelque sorte à chacun quelque chose comme

<div class="**main-bottom-div.right**"></div> 
<div class="**main-bottom-div.left**"></div>

Il ne fonctionne pas comme prévu, j'ai aussi essayé span. Tout ce que j'essaie de réaliser est ne pas avoir des doublons, et ont essentiellement ce que j'avais avant avec les doublons.

Source

2011-07-01 Ted

La « combinaison » que vous mentionnez est appelé en tant que multi-classe, ce qui signifie avoir plus d'une classe dans vos balises, et vous avez juste besoin d'écrire chacun séparé par un espace. – jackJoe

vous pouvez assigner la classe multiple à un élément:

<div class="main-bottom-div right"></div> 
<div class="main-bottom-div left"></div>

tout ce que vous avez besoin est de mettre un espace entre les

Source

2011-07-01 09:12:45 Ibu

super truc! Merci ! Je ne peux toujours pas évaluer, mais je vous le donne ici. :) – Ted

je suis heureux je pourrais aider :) – Ibu

c'est parce que la classe ne peut pas avoir plusieurs une période, vous avez besoin d'un espace, comme celui-ci:

<div class="main-bottom-div right"></div> 
<div class="main-bottom-div left"></div>

Source

2011-07-01 09:11:37 jackJoe

Merci, ça fait l'affaire! – Ted

essayez ceci:

 
.main-bottom-div-left, 
.main-bottom-div-right { font-family: Arial; font-size: 25px; font-weight: bold; color: #5c5622; width:348px; margin-left:10px; padding-right:7px; margin-right:0px; margin-top:5px; height:30px; background-color:#d9d4a5; float:left;} 
.main-bottom-div-right { float:right;}

Source

2011-07-01 09:12:31 Litek

Cela devrait fonctionner comme prévu.

<div class='main-bottom-div left'> 
    Test 
</div> 

<div class='main-bottom-div right'> 
    Test 
</div>

Source

2011-07-01 09:12:44 Eddie

CSS combinant les styles question

Répondre

Questions connexes