2015-10-15 52 views
-1
頁面

所有帶下劃線的元素我想奇招強調了一整頁的WordPress博客文章的內容。當我打開代碼檢查所有與會者強調(使用可視化編輯器)文本的HTML中增加了一個跨越式的。有沒有一種方法來定位所有這些單個跨度?我想改變顏色/字母間距等。加下劃線的特定詞彙。如何定位在

我知道如何使用HTML做我自己,但我希望我的客戶能夠只強調,應在可視化編輯器被強調的詞,然後就能自動他的風格。我不想將它設置爲不同的標題樣式,因爲它會在可視化編輯器中選擇整個段落而不是單個單詞。建議?我能夠與使用粗體來做到這一點:strong, b {}不知道下劃線的版本是什麼。

編輯:當我去查看它看起來像這樣頁面的源代碼:

<p><strong>Competitor 1&amp;2</strong><br /> 
<em>(Allow no more than 3:00 transitions between EMOMs)</em><br /> 
<span style="text-decoration: underline;">For load:</span><br /> 
Every 1:00 for 10:00<br /> 
1 Jerk in Split + 1 Split Jerk<br /> 
<em>(add 10lbs/5lbs each set)</em></p> 
<p><span style="text-decoration: underline;">For load:</span><br /> 
Every 1:00 for 10:00<br /> 
1 Power Clean + 1 Push Press<br /> 
<em>(add 10lbs/5lbs each set)</em></p> 
<p><span style="text-decoration: underline;">For load:</span><br /> 
Every 1:00 for 10:00<br /> 
+1

你能後顯示中生成的跨越的一個部分代碼搜索? – Lynch

+0

yup-剛纔編輯的問題 –

+0

歡呼聲中,我已經基於該 – Lynch

回答

1

在你的CSS,針對它像這樣;

span[style*='underline'] { 
    /* CSS goes here */ 
} 

,會爲任何span元素,有串underline他們style屬性

+0

這非常完美回答你!謝謝! –

0

可以使元件上的CSS類?

<span class="underlined">blablabla</span> 

CSS:

.underlined{text-decoration: underline;} 

或者如果它是自動生成的,你可能需要使用JavaScript來獲取這種風格的所有元素。