Twitter Proアカウントで表示されるプロモーションボタンを非表示にする方法

Twitter Proアカウントでプロモーションするというボタンが表示されるようになりましたね。あれ、すごくウザいですよね。今回は、そのプロモーションボタンをCSSを使って見えなくする方法を紹介したいと思います。

##■環境
・Windows11 Pro
・Google Chrome

##■ダウンロード
以下の拡張機能をダウンロードしておいて下さい。
Stylus - Chrome ウェブストア

##■実践編
###１：Twitterのホーム画面に移動する
###２：拡張機能「Stylus」のアイコンを左クリック
###３：次のスタイルを書くの下のところにあるリンク「twitter.comこのURL」をクリック
###４：以下のCSSをコピーして貼り付ける。

/*
デフォルトテーマ用CSS
「プロモーションする」を非表示
*/
a.css-4rbku5.css-18t94o4.css-1dbjc4n.r-1niwhzg.r-1ets6dv.r-sdzlij.r-1phboty.r-rs99b7.r-1loqt21.r-1s2bzr4.r-2yi16.r-1qi8awa.r-1ny4l3l.r-ymttw5.r-o7ynqc.r-6416eg.r-lrvibr {
    display: none;
}

/*
ダークブルー・ブラックテーマ用CSS
「プロモーションする」を非表示
*/
a.css-4rbku5.css-18t94o4.css-1dbjc4n.r-1niwhzg.r-sdzlij.r-1phboty.r-rs99b7.r-1loqt21.r-1s2bzr4.r-2yi16.r-1qi8awa.r-1ny4l3l.r-ymttw5.r-o7ynqc.r-6416eg.r-lrvibr {
    display: none;
}

/* ツイートのアナリティクスのプロモーションボタンを非表示 */
div.css-1dbjc4n.r-1habvwh.r-14lw9ot.r-1ets6dv.r-1phboty.r-5kkj8d.r-1p0dtai.r-18u37iz.r-1d2f490.r-494qqr.r-gtdqiz{
    display: none;
}

/* ダークブルーテーマ用CSS ツイートのアナリティクスのプロモーションボタンを非表示 */
div.css-1dbjc4n.r-1habvwh.r-yfoy6g.r-wrkyx5.r-1phboty.r-5kkj8d.r-1p0dtai.r-18u37iz.r-1d2f490.r-494qqr.r-gtdqiz{
    display: none;
}

/* ブラックテーマ用CSS　ツイートのアナリティクスのプロモーションボタンを非表示 */
div.css-1dbjc4n.r-1habvwh.r-kemksi.r-1kqtdi0.r-1phboty.r-5kkj8d.r-1p0dtai.r-18u37iz.r-1d2f490.r-494qqr.r-gtdqiz{
    display: none;
}

/* ツイートの下に表示されるプロモーションボタンを非表示 */
a.css-4rbku5.css-18t94o4.css-1dbjc4n.r-42olwf.r-sdzlij.r-1phboty.r-rs99b7.r-1loqt21.r-c8eef1.r-2yi16.r-1qi8awa.r-1ny4l3l.r-ymttw5.r-o7ynqc.r-6416eg.r-lrvibr{
    display: none;   
}

###５：一番下の適用先のURLをhttps://twitter.com/ にする
###６：左上にある名前を「Twitter Proでプロモーションボタンを非表示」にする
###７：サイドバーにある保存ボタンをクリックする

###８：Twitterに移動して、ちゃんとプロモーションボタンが非表示になっていることを確認して終了する

##■参照
【Twitter Pro】「プロモーションする」を非表示にする方法。CSSを使ってみよう！ | ナポリタン寿司のPC日記