CSS在元素内添加元素？

Question

我有4个元素“块”“按钮1”“按钮2”和“标签”。

我希望块内有按钮的CSS。这可以通过这样的HTML来完成：

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

但是如果在一个页面中完成50次，它将占用很多空间。

我想用一种可能的代码行来改变button1,2'href'的方法。

Answer 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)); 
    }); 
}); 

Answer 2

唯一的办法我能想到的实现，这将是使用参数化的jQuery的功能，增加或修改给定CSS类的每个按钮的“href”值（根据给定参数对指定href进行微小变化 - 如果适合）。

对不起，为了直接解决这个问题，我同意其他海报，因为单靠CSS无法实现。