0

「ブロック」「ボタン 1」「ボタン 2」「ラベル」の 4 つの要素があります。

CSSでブロック内にボタンを配置したい。これは、次のような HTML で実行できます。

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

しかし、1 ページで 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

これを達成するために私が考えることができる唯一の方法は、特定のCSSクラスの各ボタンの「href」値を追加または変更するパラメーター化されたjQuery関数を使用することです（特定のパラメーターに基づいて割り当てられたhrefのマイナーなバリエーションを使用して-それが適している場合） ）。

申し訳ありませんが、質問に直接対処するには、CSS だけではこれを達成できないという点で他のポスターに同意します。

于 2013-03-21T10:34:40.213 に答える