IEの検証ツール上で::afterの擬似要素を追加したい！

Question

前提・実現したいこと

IEの検証ツール上で::afterの擬似要素を追加したい！

発生している問題・エラーメッセージ

IEの検証ツールで::afterを追加しても認識されない

<span class="link">リンク</span>

.link::after {
  content: "";
}

試したこと

chromeのようにclassとかidを追加できるスタイルの項目に.link::afterと追加しました。
chromeではafterがElements上で追加されているのが確認できました。

補足情報（FW/ツールのバージョンなど）

よろしくお願いします！

Comments

[s8_chu]

IE のバージョンは 11 で良いのでしょうか？
また、何をもって「認識されない」としているのでしょうか？
こちらで試したところ、 DOM Explorer 上では擬似要素が追加されたことがわかりませんが、 `content` プロパティの内容は Web ページに正常に反映されていました。

[akiiro_]

> s8_chuさん

回答ありがとうございます。
バージョンは11です。
擬似要素が追加されたら認識されたという判断です。

よろしくお願いします！

Answer 1

DOMExplorderから当該のspanをクリックして
content:""となっている""を書き換えればいけませんか？
取り消し線がでていてもチェックボックスさえチェックしてあれば問題なく行けるはずです

Comments

[akiiro_]

> yambejpさん
回答ありがとうございます！
”"を''に書き換えたのも試したのですが、""に変換されてしまいました。

ちなみに何に書き換えれば良いでしょうか？

[yambejp]

> ”"を''に書き換えた

ちょっと何をしたいかわかりません
""を"hoge"に書き換えたらどうでしょう？
文字列リテラルはダブルクォーテーションでくくられるのは仕様なんだと思います

[akiiro_]

> yambejpさん
回答ありがとうございます！

""だと認識されないのかと思い''にしました。

"hoge"に書き換えたのですがafterの追加を確認できませんでした。

文字リテラルの件、把握しました。
ありがとうございます。