Discussion :

[fhgrison]

Bonjour,

J'ai défini une règle css qui permet d'afficher l'attribut "title" d'un élément avant cet élément, selon :

Code :

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

div[title]::before { content:attr(title) " : "; }

Mais quand l'attribut title existe et que son contenu est vide cela m'affiche des " : " qui n'ont pas de sens.

D'où ma question :

Comment écrire la règle css pour qu'elle ne s'exécute Que si title!='' ?

Merci pour vos lumières

[NoSmoking]

Bonjur,
il te faut résonner différemment à savoir
je cible les éléments dont la title est vide

Code :

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

1
2
div[title=""] {
}

mais je veux ceux dont le title n'est pas vide ...donc les autres

Code :

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

1
2
div:not([title=""]) {
}

au final il te reste à mettre ton content

Code :

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

1
2
3
div:not([title=""]):before {
  content:attr(title) " : ";
}

[fhgrison]

Même sans smoking, c'est la classe !

Merci

[NoSmoking]

(...), c'est la classe !

une pseudo-classe de négation