CSS Aide - Comment un DIV ignorer précédemment défini css sur la page?

voix
1

J'utilise AjaxControlToolkit CalendarExtender. Une règle précédente dans mon stylesheet affecte des années div dans le calendrier.

div#paymentRegion div
{
    float:left;
    width:49%;
}

Il y a DIVs dans le calendrier qui sont contraints à 49%. Comment puis-je le calendrier ignorer les paramètres précédents et utiliser les styles qui viennent avec le calendrier? Est-ce possible? Je crains de changer la règle actuelle, mais je pense qu'il a probablement besoin d'être, mais beaucoup d'autres divs sur ce contrôle dépendent. Qu'est-ce que le symbole> à faire une règle de css. Par exemple

div#paymentRegion > div
{
    float:left;
    width:49%;
}

Peut-être que cela va aider? Je suis ouvert à toute suggestion. Merci, ~ ck à San Diego

Créé 26/08/2009 à 22:40
source utilisateur
Dans d'autres langues...                            


3 réponses

voix
2

Théoriquement , le >symbole choisirait seulement divs qui sont des enfants immédiats de #paymentRegion. Un divbas plus imbriquée ne serait pas affectée. Cependant , tous les navigateurs interprètent correctement que, donc ce n'est pas quelque chose que vous pouvez utiliser de manière fiable.

Une solution plus directe est d'envelopper votre calendrier dans un <div id="calendar">puis écrire une règle primordiale:

div#paymentRegion div {
    float: left;
    width: 49%;
}

div#calendar div {
    float: none;
    width: auto;
}

Maintenant , même si la plupart div de l' intérieur #paymentRegion seront flottaient, les divs intérieur #calendar ne sera pas!

Créé 26/08/2009 à 22:46
source utilisateur

voix
1

VoteyDisciple est juste, puisque la règle de sa solution proposée a une spécificité plus élevée que l'actuel.

Plus d' informations sur le calcul des règles de spécificité .

Créé 26/08/2009 à 22:58
source utilisateur

voix
0

Il est difficile de savoir ce que suggérer sans HTML. Pouvez - vous nous dire la structure de base? Par exemple, est le divqui est visé dans la première règle d' un enfant direct de #paymentRegion?

Si c'est le plus haut niveau div(pas nécessairement un enfant direct), et tous les autres sont divs ci - dessous celui - là, vous pouvez essayer ceci:

div#paymentRegion div {
    float: left;
    width: 49%;
}

div#paymentRegion div div {
    float: none;
    width: auto;
}

Cependant, le meilleur pari serait de définir une classe / ID sur cette Misère non résolue div, si vous pouvez modifier votre code HTML.

div#paymentRegion div#uniqueID {
    float: left;
    width: 49%;
}
Créé 26/08/2009 à 23:13
source utilisateur

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more