2014-02-13 56 views
0

我正在一個內容管理系統中工作,該系統允許我有限(無)訪問樣式表,但確實允許我將CSS插入到某些模板中。所以我有這樣的:我可以使用樣式屬性定義(覆蓋)一個類嗎?

<div class="inside_widget"> 
    <div class="input"><span class="form_label">Form stuff</span></div> 
    <div class="input"><span class="form_label">Form stuff</span></div> 
    <div class="input"><span class="form_label">Form stuff</span></div> 
    etc... 
</div> 

凡inside_widget,輸入和form_label都在片我不能碰定義。我想在「form_label」上放置一些自定義CSS,而不必觸摸每一個跨度。

我嘗試使用包含div中的樣式屬性,但沒有奏效。

<div class="inside_widget" style=".form_label {color:#FFFFFF;}" > 

注意:我想保留在inside_widget樣式中的一切,而不必定義一個全新的類。

回答

1

我覺得什麼OP努力實現的目標是不是有重複style=""屬性爲每單身<span>他的形式。

這可以通過簡單地增加自己的類名來封閉div的類來完成:

<div class="inside_widget myclass" ...> 
    <!-- ... --> 
</div> 

然後使自己的二次樣式表,定義myclass

.myclass span 
{ 
    color: #ffffff; 
} 

你可以把這個二級CSS或者在HTML本身的<style>標記中,或者鏈接到它自己的CSS文件中。

+0

謝謝,這很簡單有效。你是對的,我試圖避免碰到每一個表單元素。你的解決方案完成了這個謝謝! –

1

你可以在下面這樣做。

<span class="form_label" style="color:#FFFFFF;">Form Stuff</span> 

內聯樣式像這樣將覆蓋任何CSS規則的樣式表,除非在樣式表中,他們有一個規則!重要

+0

這樣做會起作用,但需要我追捕每一個罪可能會變得毛茸茸的form_label的實例。我試圖重新定義一次form_label。 –

0

你不知道的CSS吧?看起來像

<div class="inside_widget" style="color:#FFFFFF;" > 

但我建議你創建一個新的CSS文件,並添加任何你想在同一

+0

這個解決方案的問題在於,當我只想將某個子類應用到某個子類並且不會清除其餘的inside_widget時,它將所有在inside_widget中的內容都變爲#FFFFFF。 –

相關問題