てがろぐ - Fumy Otegaru Memo Logger -

No.5411

にしし ＞ 昼食はパスタ。🍝🍝🍝

🍝Re:5410◆CSSでは無理ではないかな……と思います。CSSで先頭1文字に対してだけ装飾できる ::first-letter 疑似要素というのはありますが、これには display:none; のようなdisplay要素を指定できない規則ですので。
配色を透明にして誤魔化す（color:transparent;）という手もありそうに思えますが、そもそもCSSでの「先頭1文字」は、先頭が # のような記号の場合には「その記号＋次の文字」を対象にしてしまいますので、「 # 」だけを透明にはできなさそうです。

JavaScriptで実現しても良いなら、以下のソースをページ末尾(＝</body>の直前あたり)で実行すればハッシュタグ先頭の「 # 」記号を削除できます。
<script>
document.querySelectorAll('.comment .taglink').forEach(el => {
   el.textContent = el.textContent.replace(/^#/, '');
});
</script>

上記は、本文が <div class="comment">～</div> で囲まれている場合のコードです。そうではない場合は、.comment 部分を書き換えて下さい。（セレクタを .taglink だけにしてしまうと、ハッシュタグ一覧を掲載している場合に、それらの先頭1文字も削ってしまいますので。）→よく考えたら、このJavaScriptは先頭の「 # 」記号だけを除外する正規表現なので問題なかった。┌(:3」└)┐ .comment の記述はなくても大丈夫です。^^;
43日前（土 14:39:28） 回答/返信

• ユーザ「にしし」の投稿だけを見る (※時系列順で見る)
• この投稿と同じカテゴリに属する投稿：
  • カテゴリ「回答/返信」の投稿だけを見る (※時系列順で見る)
• この投稿日時に関連する投稿：
  • 2025年9月13日の投稿だけを見る (※時系列順で見る)
  • 2025年9月の投稿だけを見る (※時系列順で見る)
  • 2025年の投稿だけを見る (※時系列順で見る)
  • 全年9月13日の投稿をまとめて見る (※時系列順で見る)
  • 全年全月13日の投稿をまとめて見る (※時系列順で見る)
• この投稿に隣接する前後3件ずつをまとめて見る
• この投稿を再編集または削除する

« No.5410 / No.5412 »

初期表示に戻る

全文検索:

動作サンプルです。 ご自由にお試し下さい。パスワードguestで管理画面もお試し頂けます。
■いま見ているスキンは「チャットタイプスキン」です。他に、 標準スキン、 昔のツイッターっぽいスキン(ブルー)、 昔のツイッターっぽいスキン(ピンク)、 付箋型スキン、 シンプル日記スキン、 ジャーナル(日誌)スキン、 ブログタイプスキン(タイトル付きブログっぽくできるスキン)、 黒板スキンがあります。
《てがろぐCGIの配布・解説ページに戻る》