Hello,

À l’aide de l’extension Stylus pour Firefox (existe pour Chrome, je pense) je voudrais appliquer un display: none à la classe du bouton home du menu de navigation du site de Facebook.

Seulement c’est tellement le foutoir dans leur CSS, je n’arrive pas à trouver la bonne classe. Je manque sans doute de méthode et de pratique pour déboguer tout ça.

Si quelqu’un avait le code sous la main, je l’en remercierais énormément !

Merci !

PS : je vais continuer à chercher de mon côté, bien sûr.
http://pix.toile-libre.org/?img=1610777446.png
Modifié par myself (16 Jan 2021 - 06:59)
J’ai trouvé (avec la grosse artillerie, j’aurais pu cibler plus finement)

.thodolrn li:nth-of-type(1),
.ojvp67qx li:nth-of-type(1),
.taijpn5t li:nth-of-type(1),
.buofh1pr li:nth-of-type(1),
.j83agx80 li:nth-of-type(1),
.aovydwv3 li:nth-of-type(1),
.bqdfd6uv li:nth-of-type(1)
{
display:none;
}
Voilà quelque chose de plus fin :
.thodolrn li:nth-of-type(1),
.thodolrn li:nth-of-type(4)
{
display:none;
}

Ça vire la home, et la place de marché.
Meilleure solution