Question

我有4个元素“Block”“button1”“button2”和“label”。

我希望块能够通过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无法实现这一点。

CSS在元素中添加元素？

2 个答案: