0

我有 4 个元素“块”“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' 的方法。

4

2 回答 2

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));
    });
});
于 2013-03-21T10:28:34.037 回答
0

我能想到实现这一点的唯一方法是使用参数化的 jQuery 函数，该函数添加或修改给定 CSS 类的每个按钮的“href”值（基于给定参数分配的 href 的微小变化 - 如果适合）。

抱歉，为了直接解决这个问题，我同意其他发帖者的观点，因为这不能单独使用 CSS 来实现。

于 2013-03-21T10:34:40.213 回答