2013-03-21 110 views
0

我有4個元素「塊」「按鈕1」「按鈕2」和「標籤」。CSS在元素內添加元素?

我希望塊內有按鈕的CSS。這可以通過這樣的HTML來完成:

<b class = "block"> 
    <g class="Label"> </g> 
    <a class="button1"> </a> 
    <a class="button2"> </a> 
</b> 

但是如果在一個頁面中完成50次,它將佔用很多空間。

我想用一種可能的代碼行來改變button1,2'href'的方法。

+0

你能否澄清最終結果應該是什麼,我不認爲我理解你要求的是什麼。雖然我認爲你可能需要使用JavaScript,而不是CSS。 – 2013-03-21 10:29:13

+0

你不能單獨使用CSS來做到這一點。 – ATOzTOA 2013-03-21 10:34:02

回答

1

CSS意欲修改頁面的外觀,並且不被用於添加內容 - 雖然僞元素等:before:after通常用於裝飾目的(例如添加箭頭,或用於佈局的黑客)

你有沒有考慮過使用基於JS的方法?您可以遍歷所有的.block元素,然後在每個元素中插入標籤和按鈕。

基於JS-方法的一個例子是:(假設你使用jQuery)

$(document).ready(function() { 
    $(".block").each(function() { 
     // Create elements to append 
     var apnd = '<element></element>'; 

     // Append the created elements 
     $(apnd).appendTo($(this)); 
    }); 
}); 
+0

謝謝我會嘗試(我對JS很新) – ahmadmanga 2013-03-21 10:34:47

0

唯一的辦法我能想到的實現,這將是使用參數化的jQuery的功能,增加或修改給定CSS類的每個按鈕的「href」值(根據給定參數對指定href進行微小變化 - 如果適合)。

對不起,爲了直接解決這個問題,我同意其他海報,因爲單靠CSS無法實現。

+0

感謝您的答案,我問這個問題後,搜索網絡這麼多,沒有找到它。所以我認爲你是對的 – ahmadmanga 2013-03-21 10:47:39