2016-03-21 49 views
0

我想根據元素的字體大小動態地改變之前僞元素的大小,僞元素被設置爲。如何在純CSS中動態更改元素之前的字體大小?

我使用TinyMCE v4。我添加了一個樣式的格式如下:這種格式

style_formats: [ 
    { 
     title: 'Custom Bullet', 
     selector: 'ul', 
     classes: 'custom_bullet' 
    }, 
] 

我添加以下樣式:

.custom_bullet li:before{ 
    content: "\e013"; 
    font-family: 'Glyphicons Halflings'; 
    float: left; 
    color: #F00; 
} 

我想要得到的,是當我改變裏的字體大小,李自定義標記也應該動態變化。

我可以用JS來做,但這就是我想要避免的。我想找到一個基於CSS的解決方案。

+0

這應該已經是默認的行爲:https://jsfiddle.net/w7u92dvg/你指定字體大小:在某個地方的內容之前? –

+0

不,字體大小沒有在其他地方指定,但我得到了什麼錯誤。 當TinyMCE創建ul列表時,他創建瞭如下所示的內容:ul> li + span,span包含編輯後的tekst。所以在跨度元素之前不能繼承適當的字體大小。 – znaczek5

回答

1

我不知道如果我理解正確,但怎麼樣:

.custom_bullet li, .custom_bullet li:before { 
    font-size: 1em; 
} 
相關問題