css - セレクター内のCSS正規表現

Question

idが「sth」で始まる一連のimg要素にいくつかのルールを適用しようとしています。私はそれらを選択する方法を知っています：

img [id^=sth]

しかし、セレクター内でこの画像固有のIDを使用する方法はありますか？言い換えれば、私はどういうわけかこれを行うことができますか？

img [id^=sth] {
    src: id;
}

Answer 1

cssではそれを行うことはできませんが、jQueryを使用することはできます。

$("div[id^='sph']").each(function() {
    $(this).attr("src", this.id);
});

Answer 2

属性値は、疑似要素:beforeまたは属性:afterを介してのみ使用できます。content

div:after{
content:attr(id);
}