Discussion :

[Invité]

Bonjour,

Novice en CSS, je bloque sur le problème suivant (mon site est sur SPIP 1.9.2.h):

J'ai une date qui s'affiche avec deux styles différents dans un champ "SurTitre" :
- le style SurTitre pour la 1ere partie de la date (avec la couleur A)
- le style caractencadre-spip en cas de MAJ (avec la couleur B)
Exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<span class="SurTitre">
Publié le 01.10.2011
<strong class="caractencadre-spip spip">MAJ 18.10.2011</strong>
</span>

Le 2eme style apparait obligatoirement dans le code (il est généré automatiquement par un plugin SPIP) et je ne peux ni le modifier ni le supprimer car il est utilisé ailleurs, c'est bien là le problème.

Or, je voudrais que ma date s'affiche uniquement avec la couleur A. Je voudrais donc pouvoir "désactiver" le 2eme style dans le cas précis où il est inclue dans la classe SurTitre.

J'ai rajouté !important dans la couleur du style SurTitre (color: #737373 !important mais ca n'a rien changé

Existe-t-il un moyen de donner priorité à la couleur du style A sur celle du style B dans le cas précis où il s'agit d'un SurTitre ?

Merci pour toute aide

[NoSmoking]

Bonsoir,
voir du coté des spécificités du sélecteur, on en parle sur ce POST .

En gros tu peux ajouter

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
span .caractencadre-spip{
  color:#737373;
}

[oceane751]

ah la magie de spip

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

caractencadre-spip

est donc généré par le plugin enluminure
donc oui cela te genere cette css
pourquoi tu ne fais pas directement dans ton code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 #DATE_MODIF

ou par exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

[<div>Dernière MàJ le : (#DATE_MODIF)</div>]

?

[Invité]

OK je vais tester tout çà, je vous remercie et vous tiens au courant.