Changer la priorité du style sur mon titre [Résolu]

[bond70]

Salut,

Voilà je voudrais que le seul style #ns_widget_mailchimp-3 .widgettitle { (voir mon css) s'applique à mon titre h3. Je n'ai pas envi que ca : #sidebarSubnav h3 { (également présent dans mon css) s'applique dessus.

Comment l'éviter ? Je ne veux pas utiliser la balise !important car IE ne la prend pas en compte....

Merci !

Code :

1
2
3
4
5
6
7
8
9
10
11
<div id="sidebarSubnav">
<div id="tag_cloud-2" class="widget widget_tag_cloud substitute_widget_class">
<h3 class="widgettitle">Tags</h3>
<div class="tagcloud">
</div>
<div id="ns_widget_mailchimp-3" class="widget widget_ns_mailchimp substitute_widget_class">
<h3 class="widgettitle">Sign up for our newsletter now !</h3>
<form id="ns_widget_mailchimp_form-3" method="post" action="/?page_id=974">
<script>
</div>
</div>

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
#ns_widget_mailchimp-3 .widgettitle {
    color: #1992D3;
    font-family: Verdana,sans-serif;
    font-size: 16px !important;
    font-weight: normal;
    letter-spacing: -0.1em;
    line-height: 110%;
    margin: 30px 0 10px;
    padding: 0;
    text-shadow: 0 1px 0 #E8E8E8;
}
 
#sidebarSubnav h3 {
    font-size: 1.25em !important;
}
 
#sidebarSubnav h3 {
    background: url("../images/heading_underline.png") repeat-x scroll 0 100% transparent;
    margin: 3px 0 0;
    padding-bottom: 7px;
}

[FirePrawn]

Bonjour,

Supprime la propriété que tu ne veux pas ?

[NoSmoking]

Bonjour,
je pense que cela se joue à une virgule prés
http://css.developpez.com/faq/?page=...ss#css_unstyle

[bond70]

Je ne peux pas supprimer la propriété que je ne veux pas. Cela affecterais tout le reste.

Je n'ai rien trouvé dans le FAQ ?

Vous ne savez pas comment rendre prioritaire des propriétés sans utiliser !important ?

Merci !

[Candygirl]

Je ne suis pas sûre de bien comprendre la question...

Envoyé par bond70

Vous ne savez pas comment rendre prioritaire des propriétés sans utiliser !important ?

Lorsque plusieurs valeurs différentes sont attribuées pour une même propriété, au même élément, les règles de cascade du css vont déterminer quelle valeur est appliquée.

Dans ton cas, tes 2 sélecteurs n'ont pas la même spécificité. Pour une même propriété définienavec deux valeurs différentes, c'est donc celle du sélecteur
#ns_widget_mailchimp-3 .widgettitle (ID+ classe) qui l'emportera sur #sidebarSubnav h3 (ID + élément).

Tu peux modifier la spécificité des sélecteur en ajoutant/enlevant des noms d'id d'ancêtres, class, element afin de régler tes priorités.

[NoSmoking]

Envoyé par NoSmoking

Bonjour,
je pense que cela se joue à une virgule prés

ceci #ns_widget_mailchimp-3, .widgettitle {, n'est pas la même chose que #ns_widget_mailchimp-3 .widgettitle {