選擇器內的CSS正則表達式

我想對一組idg以「sth」開頭的img元素應用一些規則。我知道如何選擇它們：選擇器內的CSS正則表達式

img [id^=sth]

但有使用選擇這裏面圖像特定ID的方式？換句話說，我可以以某種方式做到這一點：

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

2013-03-11 Banana

[可能或不可以]（https://developer.mozilla.org/en-US/docs/CSS/attr）。但無論如何，'src'不是''的有效CSS屬性，所以我不認爲你指定的例子可以工作。 – Passerby 2013-03-11 07:59:50

好吧，這僅僅是爲了舉例的目的，我需要的是使用id作爲圖像名稱的一部分。 – Banana 2013-03-11 08:25:36

'src'，'name'，'title'，'alt'都不是''的CSS屬性'（name'甚至是HTML5以前的一個過時的HTML屬性），所以真的沒什麼可以做的。 – Passerby 2013-03-11 08:31:52

你不能做到這一點與：

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

2013-03-11 08:35:29 freshbm

只能在一個僞元素:before或:after通過content屬性使用屬性值CSS但你可以使用jQuery：

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

2013-03-11 07:51:15 xpy

事實上 - 您無法使用CSS寫入元素的屬性，只能從中讀取並使用它來生成內容。 – BoltClock 2013-03-11 11:17:03

回答