2010-08-07 71 views
1

我的代碼樣式的div創建CSS與動態名具有動態名稱

i.e. 
    cke_record_body_19 
    cke_record_body_54 

的div是否有可能的風格,包含使用CSS在他們的名字字符串cke_record_body_所有div?

+0

不可能給他們所有的CSS類,因爲...? – 2010-08-07 23:35:07

+0

類似乎更合乎邏輯的ID,做他們的樣式等。 你想實現什麼 – Nealv 2010-08-07 23:38:51

+0

這個div名稱是由ckEditor自動創建的,所以我不能爲它們添加類名稱,並且我爲我的管理頁面使用了一個名爲active_scaffold的rails插件,這意味着它有點難以設計形式 - :-) – stephenmurdoch 2010-08-07 23:39:08

回答

1

肯定:

$( 「[ID^= cke_record_body] *」)的東西()

+0

我不認爲他使用jQuery – jwsample 2010-08-07 23:39:26

+0

謝謝,我甚至沒有想過使用JS,因爲我已經安裝了原型,我只會使用這種方法 - 謝謝 – stephenmurdoch 2010-08-08 00:01:09

2

你可以讓你的代碼給這些div一個class =「cke_record_body」屬性嗎?然後,您可以將樣式應用於他們,但不管您想要如何並忽略該ID。

如果你真的有這應該工作:

div[id*="cke_record_body_"] { 

} 

記住我相信這是CSS3,所以我不知道支持什麼是當前的,但實際上這是做直的唯一途徑沒有其他庫的CSS。如果你正在使用jQuery或某些東西,請參閱Nealv的答案。

+0

在IE6中不起作用。 – 2010-08-07 23:43:43

+0

它不會工作太多,但如果他正在談論直接的CSS,除非他添加類屬性或像庫一樣的jQuery,否則不會真的離開。 – jwsample 2010-08-07 23:44:59

+0

非常感謝 - 這項技術實際上工作正常 - 但我會使用由Nealv建議的JS方法,因爲我的管理頁面已經嚴重依賴於prototypejs - 再次感謝,因爲這項技術可能對我在其他項目中使用 – stephenmurdoch 2010-08-07 23:59:33

2

最好的跨瀏覽器的解決方案是通過添加類各div到他們的風格。

+0

是的,如果我用ckEditor編寫代碼,我敢肯定,我可以申請一個類名 - 如果不是因爲Nealv和jwsample的建議都有效,那麼我可能會這樣做:)謝謝 – stephenmurdoch 2010-08-08 00:03:20