今朝誰かのウェブサイトの実装を見ていたら、彼らが LINK タグの data-uri を介して CSS を定義しているのを見ました。
たとえば、画像を data-uri に入れ、それらを CSSに含めることの合理性は理解していますが、インラインで同じように簡単にできるのに、なぜそのように CSS を含めることを選択するのかはわかりません。
リンクにIDが記載されていることがわかりました。この CSS を DOM から動的に取得し、動的に生成された要素の「スタイル」の値として使用している可能性はありますか? 私はフロントエンドのジョックではありませんが、これを行うには他の方法があると思います。
HTMLは次のとおりです。
<link id="noteanywherecss" media="screen" type="text/css" rel="stylesheet" href="data:text/css,.note-anywhere%20.closebutton%7Bbackground-image%3A%20url%28chrome-extension%3A//bohahkiiknkelflnjjlipnaeapefmjbh/asset/deleteButton.png%29%3B%7D%0A.note-anywhere%20%7Bbackground-color%3A%20%23FFF046%3B%7D%0A.note-anywhere%20%7Bcolor%3A%20%23000066%3B%7D%0A.note-anywhere%20%20.edit%20%7Bfont-family%3A%20Arial%2C%20Helvetica%2C%20sans-serif%3B%7D%0A.note-anywhere%20%20.edit%20%7Bfont-size%3A%2014px%3B%7D%0A.note-anywhere%20.timestamp%20%7Bbackground-color%3A%20%23DDBB00%3B%7D%0A.note-anywhere%20.timestamp%20%7Bcolor%3A%20%23FFFFFF%3B%7D">