2013-07-08 45 views
0

CSS樣式我有這樣的事情CSS屬性添加到特定的範圍包含使用JavaScript

<span style="font-size: 1.7px; letter-spacing: -1.7px; color: #edf6fc">text</span> 

<span style="font-size: 99.81%; color: #080007">text </span> 

我怎麼會選擇第1項和補充;讓我們說display: none它的風格(或刪除該跨度),但不是第二個使用JavaScript。

或者如何刪除所有具有CSS屬性letter-spacing的跨度?

+0

你可以使用jquery/javascript選擇器來選擇元素並添加你的樣式。 –

+0

使用CSS選擇器,你可以使用'span:nth-​​child(2)',但是你幾乎總是使用類或ID來代替 –

+0

@Arun_C_C我該如何選擇第一種類型的跨度而不是第二種? –

回答

2

給予那些元素classid

.spanOne{ 
    display: none; 
} 

動態地創建這些元素並將它們存儲在變量。 然後,您可以使用這些變量來添加或刪除屬性。

var spanOne = //code to create span element; 
var spanTwo = //code to create another span element; 

$(spanOne).hide(); 

$('#parentElementID').children('span').eq(0).hide(); 

修訂

$('div').children('span').filter(function() { 
    return this.style.fontSize == "17.7px"; //in your case 1.7px 
}).eq(0).css('backgroundColor', 'red'); 

PS:我建議增加一個類名或ID該元素。

+0

我來過這樣的網站。如果不知道如何選擇它,我無法爲這些範圍分配類或ID。 –

+0

@TuanAnhTran然後動態添加這些元素,如我在答案中所示。 –

+0

他們都有相同的父div。 –

0

一個簡單的方法是添加一個class名稱或id

<span id="iHateYou" style="font-size: 1.7px; letter-spacing: -1.7px; color: #edf6fc">text</span> 
<span style="font-size: 99.81%; color: #080007">text </span> 

和JS:

document.getElementById('iHateYou').remove(); 
0

使用添加像螢火蟲例如在Firefox中,右鍵點擊標籤問題,像這裏<span>然後選擇檢查元素。轉到代碼並找到它的父代具有唯一標識符(ID),選擇該父代ID並通過父代子選擇添加CSS。

例如,

#abc span{display: none;} 

在樣式表中添加這一點。這將使唯一標識符的孩子附加你的風格並覆蓋正在應用的風格。

相關問題