Discussion :

[Gluups]

Bonjour tout le monde,

Sur une page web, j'ai ça :

Code html :

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

1
2
3
4
5
6
<div class="action-bar bar-top">
	<a href="./posting.php?mode=post&amp;f=4" class="button" title="Publier un nouveau sujet">
		<span>Nouveau sujet</span> <i class="icon fa-pencil fa-fw" aria-hidden="true"></i>
	</a>
	<!-- et plein d'autres choses après -->
</div>

Il me semble que je devrais pouvoir viser le texte du bouton (sur la ligne 5) comme ceci :

Code :

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

span[innerHTML^="Nouveau sujet"]

Mais apparemment, je me suis trompé.

Est-ce que quelqu'un peut corriger le tir ?

Je cible une page existante à l'aide de l'extension Stylus de Firefox.
La page référence jQuery, mais si je dois y recourir je me demande où je vais placer la requête.

Ah, mais je crois que j'ai pu finasser :

Code :

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

.action-bar *

J'attends un peu pour voir si quelqu'un va avoir une meilleure idée ...

[jreaux62]

Bonjour,

explique ce que tu veux en faire, parce que là... tu mélanges les syntaxes CSS et JS...

• JS : element.innerHTML
• CSS : content (sur les pseudo-éléments)

Sinon :

Code css :

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

.action-bar.bar-top > a.button > span {...}

[Gluups]

Ah, ça valait le coup de mettre le nez dessus.
Je vais un peu creuser ça, histoire de me mettre à jour.
Merci.

Ce que je veux faire est assez simple en fait : je veux le voir, ce foutu bouton.

N.B. C'était bien mieux de cibler au départ de la classe que du texte, car sur une autre page il y a un bouton Répondre. Il est moins noyé dans la masse, mais une mise en forme cohérente, ce n'est pas plus moche.