我有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'的方法。
我有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'的方法。
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));
});
});
謝謝我會嘗試(我對JS很新) – ahmadmanga 2013-03-21 10:34:47
唯一的辦法我能想到的實現,這將是使用參數化的jQuery的功能,增加或修改給定CSS類的每個按鈕的「href」值(根據給定參數對指定href進行微小變化 - 如果適合)。
對不起,爲了直接解決這個問題,我同意其他海報,因爲單靠CSS無法實現。
感謝您的答案,我問這個問題後,搜索網絡這麼多,沒有找到它。所以我認爲你是對的 – ahmadmanga 2013-03-21 10:47:39
你能否澄清最終結果應該是什麼,我不認爲我理解你要求的是什麼。雖然我認爲你可能需要使用JavaScript,而不是CSS。 – 2013-03-21 10:29:13
你不能單獨使用CSS來做到這一點。 – ATOzTOA 2013-03-21 10:34:02