2014-02-19 63 views
0

當涉及到父站點CSS選擇器時,我遇到了TinyMCE的問題。 我的TinyMCE打開一個iframe。我通過content_css屬性將父css添加到tinyMCE,從那裏沒有問題。處理父css文件的TinyMCE和多個CSS選擇器

現在,假設我有一個CSS樣式是這樣的:

.mysite.default .content h1 { 
    ... 
} 

.mysite.default .info h4 { 

} 

問題是當我想訪問。內容H1或.INFO H4。 默認情況下,通過在body中添加.mysite.default類,如果您有h1或h4,那麼當然由於選擇器.content和.info位於中間,所以這些不會被應用。

所以iframe的身體裏面我將能夠只爲

.mysite.default h1 { ... } 

.mysite.default h4 { ... } 

設置樣式是否有一個很好的策略,有這樣的靈活性?

問題是,我不只有一個H1或H4或跨度的造型,我可能有很多人,這就是爲什麼我需要這種靈活的選擇策略...

我不能只是因爲如果其中一個父選擇器具有邊界,邊距,填充(,因爲它可能是一個具有一些獨特樣式的父div包裝容器))會怎麼樣?

因此,說「嘿,添加每一種父母風格,這就是所有」,因爲孩子在開始編輯div時會有額外的邊框和額外的邊距。

回答

0

如果我理解正確的話,你應該能夠使用

.mysite.default * h1 { ... } 

選擇其他標籤內的所有H1S:通配符*覆蓋任何包裝標籤/班/ ID。

希望有幫助...!

+0

mmmm但如果你想保持獨立的風格不同的容器?如果我使用*通配符,所有h1樣式將應用於該h1即時編輯? – msqar

+0

沒有人? :/ 需要幫忙 :( – msqar